表单的作用:<form> 标签用于为用户输入创建 HTML 表单,用于向服务器传输数据。
常见的形式
效果图
<form action="/demo/demo_form.asp" method="get">
<div class="password">
<label for="password">密码:</label>
<input id="password" type="password" name="password" value="password">
</div>
</form>
常见的标签及作用
标签 | 作用 |
---|---|
<input type=text> |
定义常规文本输入 |
<input type=password> |
定义密码字段 |
<input type=checkbox> |
定义多选框 |
<input type=radio> |
定义单选框 |
<input type=file> |
定义文件选择表 |
<select name="" > <option="" > </option> |
定义下拉菜单 |
<textarea name=""></textarea> |
多行文本 |
<input type="hidden" > |
隐藏域 |
<label> |
为 input 元素定义标注(标记) |
注:type=hidden隐藏域可以验证信息,防止CSRF(Cross Site Request Forgery)的攻击。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
三种按键的区别
- <input type="button" value="Buttom" /> 不会提交
- <input type="submit" value="Submit" /> 会提交
- <input type="reset" value="Reset" /> 重置输入
method中get 和 post 方式
1.共同点:均属于两种与后台服务器交互的形式
2.不同点
- get请求的数据会附在URL之后,post把提交的数据则放置在是http包的包体中
- post安全性比get安全性高
- get方式提交的数据有限制,post方式可传较大量的数据
- get是向服务器发索取数据的一种请求,而post是向服务器提交数据的一种请求
name的作用
主要是用于获取提交表单的某表单域信息, 作为可与服务器交互数据的HTML元素的服务器端的标示,浏览器会根据name来设定发送到服务器的request, 在表单的接收页面只接收有name的元素, 所以赋ID的元素通过表单是接收不到值的。 我们可以在服务器端根据其Name通过Request.Params取得元素提交的值。在form里面,如果不指定name,就不会发送到服务器端。
value的作用
1.按钮中用的value 指的是按钮上要显示的文本 比如“确定”“删除”等
2.复选框用的value 指的是这个复选框的值
3.单选框用的value 和复选框一样
4.下拉菜单用的value 是列表中每个子项的值
5.隐藏域用的value 是框里面显示的内容
在后台如果你想得到复选框的内容 就是value 来取
当你在接收表单数据的页面中获取数据时,得到的就是value的值
单、复选框中的预选用checked
下拉菜单(select)中的预选用selected
网友评论