html—from表单
@啊景
帮助5人
引入from表单：
用图来表示
表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个Html 文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上程序处理后，再将用户所需信息传送回客户端的浏览器上，这样网页就具有了交互性。这里我们只讲怎样使用Html 标志来设计表单。
代码演示 效果
代码：<!--定义form表单:form表单会采集包含的有效数据，提交到后端，进行交互-->
-
-
<html lang="en">
-
<head>
-
<meta charset="UTF-8">
-
<title>Title</title>
-
</head>
-
<body>
-
<!--method属性：默认情况下不写method属性的时候就相当于method="get"
-
get方式：提交数据可见，不安全，提交数据长度有限制，效率高
-
post方式 ：提交数据不可见，安全，提交数据长度没有限制，效率低-->
-
<!--action属性:aaaa 后端地址 这里用aaaa代替-->
-
<form action="aaaa" method="get">
-
用户名: <input type="text" name="name1"/><br/>
-
密 码:<input type="password" name="password1"/><br/>
-
<!--提交按钮-->
-
<!--http://localhost:63342/webworkspace/表单练习/aaaa-->
-
<!--http://localhost:63342/webworkspace/表单练习/aaaa?name1=zhangsan&password1=123456-->
-
<input type="submit"/>
-
</form>
-
用户名1:<input type="text" name="name2"/>
-
</body>
-
</html>
效果：
看地址栏发现： 没有被from包裹的代码也就是name2没有被提交，这里也更强调的表单的作用
1.解析地址栏
http://localhost:63342/webworkspace/表单练习/aaaa?name1=zhangsan&password1=123456- ？号之前（aaaa）：提交资源的目标地址，也就是后端地址，这里暂时用aaaa代替
- ？号之后：name1=zhangsan&password1=123456
- http:信息交互遵照htto协议
- 127.0.0.1：代表本机的ip地址
- webworkspace/表单练习：项目名字：表单练习（补充：浏览器的地址栏是不支持中文的，都会转成编码传送，如果你在地址栏看到中文，只是当前的那个浏览器给你一个友好的显示。可以使用在线解析工具查看：urlencode）
- name1=zhangsan&password1=123456：这是文本框输入的内容，写的用户名和密码等都必须添加一个属性：name，name属性和具体录入的信息会拼成一个键值对的形式。多个键值对之间 ，用&符号进行拼接
这篇好文章是转载于：学新通技术网
- 版权申明： 本站部分内容来自互联网，仅供学习及演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系，请提供相关证据及您的身份证明，我们将在收到邮件后48小时内删除。
- 本站站名： 学新通技术网
- 本文地址： /boutique/detail/tanhecaabf
系列文章
更多
-
photoshop保存的图片太大微信发不了怎么办
PHP中文网 06-15 -
Android 11 保存文件到外部存储，并分享文件
Luke 10-12 -
word里面弄一个表格后上面的标题会跑到下面怎么办
PHP中文网 06-20 -
《学习通》视频自动暂停处理方法
HelloWorld317 07-05 -
photoshop扩展功能面板显示灰色怎么办
PHP中文网 06-14 -
微信公众号没有声音提示怎么办
PHP中文网 03-31 -
excel下划线不显示怎么办
PHP中文网 06-23 -
怎样阻止微信小程序自动打开
PHP中文网 06-13 -
excel打印预览压线压字怎么办
PHP中文网 06-22 -
TikTok加速器哪个好免费的TK加速器推荐
TK小达人 10-01
