表单标签属性

表单标签属性

1、form标签属性

源代码

<form>                              form标签用于定义表单域，给表单定制一个范围

<form name=” ”>                    name用来指定表单的名称，以区分同一个页面的多个表单域

<form action=” ”>                    action用来指定接收并处理表单数据的服务器程序的url地址

<form method=” ”>                   method用于设置表单数据的提交方式，其取值为get或post

2、<input>表单标签属性

源代码

<input>                                input表单标签为单标签

<input type=” ”>                        type属性可以放以下属性值

<input type=”text”>                     text定义单行的输入字段，用户可以在其输入文本，默认宽度为20个字符

<input type=”password”>                 password定义密码字段，该字段中的字符将被掩码

<input type=”email”>                      email限制用户必须为Email类型

<input type=”url”>                        url限制用户必须为url类型

<input type=”date”>                      date限制用户必须为日期类型

<input type=”time”>                      time限制用户必须为时间类型

<input type=”month”>                      month限制用户必须为月类型

<input type=”week”>                       week限制用户必须为周类型

<input type=”number”>                      number限制用户必须为数字类型

<input type=”tel”>                         tel手机号码

<input type=”search”>                      search搜索框

<input type=”color”>                      color生成一个颜色选择菜单

<input type=”radio”>                     radio定义单选框

<input type=”checkbox”>                   checkbox定义复选框

<input type=”file”>                         file定义提交文件

<input type=”submit”>                      submit定义提交按钮，提交按钮会把表单数据发送到服务器

<input type=”reset”>                        reset定义重置按钮，重置按钮会清除表单中所有数据

<input type=”button”>                      button定义可点击按钮(多数情况下，用于通过javaScript启动脚本)

<input type=”hidden”>                      hidden定义隐藏的输入字段

<input type=”image”>                       image定义图像式的提交按钮

3、<label><select><textacea>标签

<label>                     label标签input元素定义标注(标签)，用于绑定一个表单元素，当点击label标签内的文本时，浏览器就会自动将焦点(光标)转到或者选择对应的表单元素上，来增加用户体验，label标签的for属性应该与相关标签的id属性相同

<label for=” ”>

<select>                       select标签控件定义下拉列表，select标签中至少包含一对option标签，optgroup标签为select标签的标题标签，包含option内容标签

<select>

  <optgroup>

    <option></option>

  </optgroup>

</select>

<textarea>                    textarea文本域标签可以创建多行文本输入框，cols=”每行的字符数”,rows=”显示的行数”

<textarea cols=””> 

<textarea rows=””>  

4、全部标签属性

<input type=”file” multiple>                     multiple属性为多文件选择，一般用于file属性值上

<textarea placeholder=” ”>                      placeholder属性占位符，提示用户输入内容的文本

<input type=”radio” name=” ”>                    name属性是每个表单元素都有的属性值，主要给后台人员使用，name表单元素的名字，要求单选按钮和复选框要有相同的name值

<input type=”radio” value=” ”>                    value属性是每个表单元素都有的属性值，主要给后台人员使用,规定值

<input type=”radio” checked>                    checked属性主要作用一打开页面，就默认选中该表单元素

<option selected>                            selected属性是针对select标签中option标签的值，默认选中该表单元素

<input type=”text” maxlength=” ”>                 maxlength属性是用户可以在表单元素输入最大字符数

<input type=”text” required=” ”>                 required表单拥有该属性表示其内容不能为空，必填

<input type=”text” autofocus>                     autofocus自动聚焦属性，页面加载完成自动聚焦到指定菜单

<input type=”search” autocomplete=” ”>                 autocomplete显示用户之前搜索浏览过的词， autocompete=”no”打开(默认)，autocompete=”off”关闭