1.form属性
<form action="请求URL" method="请求方式" name="表单域的名称 类似于注释"> </form>
2.表单 input
<form action="请求URL" method="请求方式" name="表单域的名称 类似于注释"> <!--文本框--> 用户名称:<input type="text" name="username"> <!--密码框--> 用户密码:<input type="password" name="password"> <!--单选按钮--> 男:<input type="radio" name="sex" value="男" checked> 女:<input type="radio" name="sex" value="女"> <!--多选按钮--> 篮球 <input type="checkbox" name="loves" value="篮球" checked> 跑步 <input type="checkbox" name="loves" value="跑步"> 游泳 <input type="checkbox" name="loves" value="游泳"> </form>
type的值:
button | 定义可点击的按钮(通常与 JavaScript 一起使用来启动脚本)。 |
checkbox | 定义复选框。 |
colorNew | 定义拾色器。 |
dateNew | 定义 date 控件(包括年、月、日,不包括时间)。 |
datetimeNew | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,基于 UTC 时区)。 |
datetime-localNew | 定义 date 和 time 控件(包括年、月、日、时、分、秒、几分之一秒,不带时区)。 |
emailNew | 定义用于 e-mail 地址的字段。 |
file | 定义文件选择字段和 "浏览..." 按钮,供文件上传。 |
hidden | 定义隐藏输入字段。 |
image | 定义图像作为提交按钮。 |
monthNew | 定义 month 和 year 控件(不带时区)。 |
numberNew | 定义用于输入数字的字段。 |
password | 定义密码字段(字段中的字符会被遮蔽)。 |
radio | 定义单选按钮。 |
rangeNew | 定义用于精确值不重要的输入数字的控件(比如 slider 控件)。 |
reset | 定义重置按钮(重置所有的表单值为默认值)。 |
searchNew | 定义用于输入搜索字符串的文本字段。 |
submit | 定义提交按钮。 |
telNew | 定义用于输入电话号码的字段。 |
text | 默认。定义一个单行的文本字段(默认宽度为 20 个字符)。 |
timeNew | 定义用于输入时间的控件(不带时区)。 |
urlNew | 定义用于输入 URL 的字段。 |
weekNew | 定义 week 和 year 控件(不带时区)。 |
其他属性:
value | 规定输入字段的初始值 |
readonly | 属性规定输入字段为只读(不能修改) |
disabled |
规定输入字段是禁用的。 被禁用的元素是不可用和不可点击的。 被禁用的元素不会被提交。 |
size | 规定输入字段的尺寸(以字符计) |
maxlength | 规定输入字段允许的最大长度 |
autocomplete |
规定表单或输入字段是否应该自动完成。 当自动完成开启,浏览器会基于用户之前的输入值自动填写值 |
novalidate 属性属于 <form> 属性 | 如果设置,则 novalidate 规定在提交表单时不对表单数据进行验证 |
autofocus |
属性是布尔属性。 如果设置,则规定当页面加载时 <input> 元素应该自动获得焦点。 |
form |
规定 <input> 元素所属的一个或多个表单 如需引用一个以上的表单,请使用空格分隔的表单 id 列表 |
formaction |
规定当提交表单时处理该输入控件的文件的 URL。 formaction 属性覆盖 <form> 元素的 action 属性。 formaction 属性适用于 type="submit" 以及 type="image"。 |
formmethod |
定义用以向 action URL 发送表单数据(form-data)的 HTTP 方法。 formmethod 属性覆盖 <form> 元素的 method 属性。 formmethod 属性适用于 type="submit" 以及 type="image"。 |
formnovalidate |
novalidate 属性是布尔属性。 如果设置,则规定在提交表单时不对 <input> 元素进行验证。 formnovalidate 属性覆盖 <form> 元素的 novalidate 属性。 formnovalidate 属性可用于 type="submit"。 |
formenctype |
规定当把表单数据(form-data)提交至服务器时如何对其进行编码(仅针对 method="post" 的表单)。 formenctype 属性覆盖 <form> 元素的 enctype 属性。 formenctype 属性适用于 type="submit" 以及 type="image"。 |
formtarget |
规定的名称或关键词指示提交表单后在何处显示接收到的响应。 formtarget 属性会覆盖 <form> 元素的 target 属性。 formtarget 属性可与 type="submit" 和 type="image" 使用。 |
height 和 width |
规定 <input> 元素的高度和宽度。 height 和 width 属性仅用于 <input type="image">。 注释:请始终规定图像的尺寸。如果浏览器不清楚图像尺寸,则页面会在图像加载时闪烁。 |
min 和 max |
规定 <input> 元素的最小值和最大值。 min 和 max 属性适用于如需输入类型:number、range、date、datetime、datetime-local、month、time 以及 week。 |
multiple |
是布尔属性。 如果设置,则规定允许用户在 <input> 元素中输入一个以上的值。 multiple 属性适用于以下输入类型:email 和 file。 |
pattern |
规定用于检查 <input> 元素值的正则表达式。 pattern 属性适用于以下输入类型:text、search、url、tel、email、and password。 |
placeholder |
规定用以描述输入字段预期值的提示(样本值或有关格式的简短描述)。 该提示会在用户输入值之前显示在输入字段中。 placeholder 属性适用于以下输入类型:text、search、url、tel、email 以及 password。 |
required |
是布尔属性。 如果设置,则规定在提交表单之前必须填写输入字段。 required 属性适用于以下输入类型:text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file. |
step |
规定 <input> 元素的合法数字间隔。 示例:如果 step="3",则合法数字应该是 -3、0、3、6、等等。 提示:step 属性可与 max 以及 min 属性一同使用,来创建合法值的范围。 step 属性适用于以下输入类型:number、range、date、datetime、datetime-local、month、time 以及 week。 |