html知识——表单

1.表单标记：<form>内容</form>

　　　　属性：     name（表单名称） 必须写！！！

　　　　　　　　  method（传送数据方式）：

　　　　　　　　　　　　get--将表单的内容附加在URL地址的后面，所以限制了提交的内容的长度，不超过8192个字符，且不具备保密性

　　　　　　　　　　　　post--将表单中的数据一并包含在表单主体中，一起传送到服务器中处理，没有数据大小限制

　　　　　　　　  action：表单数据的处理程序的URL地址，如果为空则使用当前文档的URL地址，

　　　　　　　　　　　　　　如果表单中不需要使用action属性也要指定其属性为“no”　　　　　

　　　　　　　　  enctype：设置表单资料的编码方式

　　　　　　　　  target：和超链接类似，用来指定目标窗口

2.文本域和密码：<input>标记 单标记

　　　　属性：　type：text（文本输入框）、password（密码输入域）

　　　　　　　　name：名称

　　　　　　　　value：初始化值

　　　　　　　　maxlenght：最大允许输入的字符数

3.提交、重置、普通按钮

　　　　提交 <input type="submit">　

　　　　重置 <input type="reset">

　　　　普通 <input type="button">

4.单选框和复选框

　　　　单选 <input type="radio">  实现男女性别选择：同时加上 name="sex"

　　　　复选 <input type="checkbox">

5.隐藏域

　　　　 <input type="hidden">

6.多行文本域<textarea>

　　　　rows和cols属性用来指定显示的行数和列数

7.菜单下拉列表域<select>

　　　　格式：　　　

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

　　　  <option>标签：value（给选项赋值）

　　　　　　　　　　　selected（默认选项）

8.其他属性

　　<input type="number"> 用于应该包含数字值的输入字段。您能够对数字做出限制。

<form>
  Quantity (between 1 and 5):
  <input type="number" name="quantity" min="1" max="5">
</form>

　　<input type="date"> 用于应该包含日期的输入字段。根据浏览器支持，日期选择器会出现输入字段中。

　　<input type="color"> 用于应该包含颜色的输入字段。根据浏览器支持，颜色选择器会出现输入字段中。

　　<input type="range"> 用于应该包含一定范围内的值的输入字段。根据浏览器支持，输入字段能够显示为滑块控件。

　　<input type="time"> 允许用户选择时间（无时区）。根据浏览器支持，时间选择器会出现输入字段中。

　　<input type="email"> 用于应该包含电子邮件地址的输入字段。根据浏览器支持，能够在被提交时自动对电子邮件地址进行验证。某些智能手机会识别 email 类型，并在键盘增加 ".com" 以匹配电子邮件输入。