Form 表单

1.form表单有什么作用？有哪些常用的input 标签，分别有什么作用？

form表单主要是用于浏览器与后台交互数据。
常见的input标签：

• 文本域
  创建文本域，用户可以在文本域写入文本，只有一行。
  语法：
  <input type="text" name="#" value="*"/>
• 密码域
  创建密码域，输入的文字会显示成圆点。
  语法：
  <input type="password" name="#" value="*"/>
• 复选框
  创建单个选择框，用户可以选中或取消选取复选框。
  语法：
  <input type="checkbox" name="#" value=""/>
  <input type="checkbox" name="#" value=""/>
• 单选按钮
  创建单选按钮,相同name值的单选框只能的一个被选中。
  语法：
  <input type="radio" name="#" value=""/>
  <input type="radio" name="#" value=""/>
• 下拉列表
  创建下拉列表框，属性中加入selected的option会成为默认选项。
  语法：
  <select name="#"/>
  <option value="a">a</option>
  <option value="b">b</option>
  <option value="c" selected>c</option>
  <option value="d">d</option>
  </select>
• 多行文本域
  创建一个多行文本域，用户可以在文本域中写入文本，在文本域中，可写入的字符字数不受限制。
  语法：
  <textarea name="#"/>富文本</textarea>
• 创建按键
  创建按键，用户可以对按钮上的文字进行自定义，点击不会提交form表单的数据。
  语法：
  <input type="button" name="#" value="*"/>
• 提交按键
  创建按键，用户可以对按钮上的文字进行自定义，会提交form表单中的数据。
  语法：
  <input type="submit" name="#" value="*"/>
• 重置按键
  创建按键，用户可以对按钮上的文字进行自定义，会重置form表单中的数据，全部回到默认状态。
  语法：
  <input type="reset" name="#" value="*"/>

2.post 和 get 方式的区别？

• get是从服务器上获取数据，post是向服务器传送数据；
• get传送的数据量较小，不能大于2KB。post传送的数据量较大，一般被默认为不受限制；
• get提交数据会改变url，post提交数据给不会改变url；
• get安全性非常低，post安全性较高。

3.在input里，name 有什么作用？

name的作用是定义input的变量名，同时可以在radio和checkbox中起到分组的作用。

4.radio 如何 分组?

radio的分组由input属性中的name值决定。

5.placeholder 属性有什么作用?

placeholder 可以对输入框的要输入内容给予提示，同时该输入框的内容不会传输给后台。

6.type=hidden隐藏域有什么作用? 举例说明

语法：

<input type="hidden" name="#" value="*"/>

• 表单中加入隐藏域用于收集或发送信息，提交表单时，hidden的value值也会与提交给后台。
• 可以用于一种身份认证，在页面中加入特定的hidden值，防止后台服务器收集非法数据。

7.HTML 表单的用法

8.实例表单

本博客版权归曾祥辉和饥人谷所有，转载需说明来源