美文网首页
form表单

form表单

作者: hellowade | 来源:发表于2017-06-22 17:19 被阅读0次

表单的作用:<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

相关文章

网友评论

      本文标题:form表单

      本文链接:https://www.haomeiwen.com/subject/mqzxcxtx.html