HTML form表单元素有多种多样，它的属性也拥有许多。
今天我们来说说 Input 元素的各类属性
value 属性：设置输入元素的初始值。
<input type="text" value="www.zhuei.com">readonly 属性：设置输入元素为只读，不可修改（readonly 属性不需要值。它等同于 readonly=”readonly”）。
<input type="text" value="www.zhuei.com" readonly>disabled 属性：设置输入元素是禁用的。被禁用的元素是不可用和不可点击的。
<input type="text" value="www.zhuei.com" disabled>size 属性：规定输入元素的长度尺寸（以字符为单位）。
<input type="text" value="www.zhuei.com" size="20">maxlength 属性：设置元素允许输入的最大长度/位数。
<input type="text" value="www.zhuei.com" maxlength="16">HTML5 增加了如下属性：
autofocus 属性：设置后，当页面加载时 input 元素会自动获得焦点（布尔属性）。
<input type="text" name="ame" autofocus>form 属性：设置 input 元素所属的一个或多个表单。
提示：如需引用一个以上的表单，请使用空格分隔的表单 id 列表。
输入字段位于 HTML 表单之外（但仍属表单）：
<form action="" id="form1">
<input type="text" name="fname">
<input type="submit" value="Submit">
</form>
<input type="text" name="lname" form="form1">formaction 属性：设置提交表单时处理该元素控件的文件路径目录（覆盖 元素的 action 属性，适用于 type=”submit” 以及 type=”image”）。
拥有两个两个提交按钮并对于不同动作的 HTML 表单：
<form action="A.php">
<input type="text" name="name">
<input type="submit" value="提交">
<input type="submit" formaction="B.php"
value="越级提交">
</form> formenctype 属性：设置当把表单数据（form-data）提交至服务器时如何对其进行编码（仅针对 method=”post” 的表单，覆盖 元素的 enctype 属性，适用于 type=”submit” 以及 type=”image”）。
发送默认编码以及编码为 “multipart/form-data”（第二个提交按钮）的表单数据（form-data）：
<form action="" method="post">
<input type="text" name="name"><br>
<input type="submit" value="提交">
<input type="submit" formenctype="multipart/form-data"
value="Multipart/form-data编码提交">
</form>formmethod 属性：设置用以向 action URL文件 发送表单数据（form-data）的 HTTP 方法（覆盖 元素的 method 属性，适用于 type=”submit” 以及 type=”image”）。
第二个提交按钮更改了表单form的数据提交方法：
<form action="" method="get">
<input type="text" name="name">
<input type="submit" value="提交">
<input type="submit" formmethod="post" formaction=""
value="POST提交">
</form>formnovalidate 属性：设置后，则规定在提交表单时不对 元素进行验证（布尔属性，覆盖 元素的 novalidate 属性，可用于 type=”submit”）。
拥有两个提交按钮的表单（验证和不验证）：
<form action="" method="get">
E-mail: <input type="email" name="email">
<input type="submit" value="提交">
<input type="submit" formnovalidate value="不验证提交">
</form> formtarget 属性：设置提交表单后是否在新窗口打开（会覆盖 元素的 target 属性，可与 type=”submit” 和 type=”image” 使用。
这个表单有两个提交按钮，对应不同的方式：
<form action="">
First name: <input type="text" name="name">
<input type="submit" value="提交">
<input type="submit" formtarget="_blank"
value="新窗口提交">
</form>height 和 width 属性：设置 input 元素的高度和宽度（仅用于input type=”image）。
注释：请始终规定图像的尺寸。如果浏览器不清楚图像尺寸，则页面会在图像加载时闪烁。
实例：把图像定义为提交按钮，并设置 height 和 width 属性
<input type="image" src="logo.gif" alt="Submit" width="32" height="32">list 属性：引用的 datalist 元素用于 input 元素的预定义选项（类似select定义option选项）。
<input list="ZHUEi">
<datalist id="ZHUEi">
<option value="苹果">
<option value="桔子">
<option value="香蕉">
<option value="葡萄">
</datalist>min 和 max 属性：设置 元素的最小值和最大值（用于如需输入类型：number、range、date、datetime、datetime-local、month、time 以及 week）。
<input type="number" min="1" max="5">multiple 属性：设置后，允许用户在 input 元素 type 属性 file 中上传文件字段（布尔属性，适用于以下输入类型：email 和 file。
<input type="file" name="img" multiple>pattern 属性：设置后可用于检查 input 元素输入值的正则表达式（适用于以下输入类型：text、search、url、tel、email、and password）。
提示：请使用全局的 title 属性对模式进行描述以帮助用户。
提示：请在JavaScript 中学习更多有关正则表达式的知识。
实例：只能包含三个字母的输入字段（无数字或特殊字符）
<input type="text" pattern="[A-Za-z]{3}" title="输入3位字母">placeholder 属性：设置元素的默认描述字段提示（适用于以下输入类型：text、search、url、tel、email 以及 password）。
<input type="text" name="name" placeholder="请输入你的名字">required 属性：元素设置后，在提交表单之前必须填写输入字段（布尔属性，适用于以下输入类型：text、search、url、tel、email、password、date pickers、number、checkbox、radio、and file）。
<input type="text" name="name" required>step 属性：设置 input 元素的有效数字间隔（虽然元素可手动输入，但提交时HMTL会进行检查是否合规，适用于以下输入类型：number、range、date、datetime、datetime-local、month、time 以及 week）。
示例：如果 step=”3″，则合法数字应该是 -3、0、3、6、等等。
提示：step 属性可与 max 以及 min 属性一同使用，来创建合法值的范围。
<input type="number" step="3">最后我们来看 HTML5 对于 form 表单新增的属性
autocomplete 属性：设置表单或输入元素是否应该自动完成。当自动完成开启，浏览器会基于用户之前的输入值自动填写值。
提示：需要先把form表单的 autocomplete 设置为 on，同时把特定的输入字段设置为 off，反之亦然。autocomplete 属性适用于 以及如下 类型：text、search、url、tel、email、password、datepickers、range 以及 color。
<form action="" method="get" autocomplete="on">
name:<input type="text" name="name" />
E-mail: <input type="email" name="email" autocomplete="off" />
<input type="submit" />
</form>novalidate 属性：设置 novalidate 后，提交表单时不对表单数据进行验证（用于form表单属性）。
<form action="" novalidate>
E-mail: <input type="email" name="email">
<input type="submit">
</form> 如果你发现错误或有其他见解，请给www.zhuei.com留言，我们会尽快更新本文！