type属性设置为submit、reset和button则会生成类似button元素那样的按钮。
1）submit：生成提交表单的按钮，支持属性：formaction、formenctype、formmethod、formtarget和formnovalidate，这些属性和button元素的同名属性用法相同，参考这里；
2）reset：生成重设表单的按钮；
3）button：生成普通按钮，无任何操作。
3中按钮的说明文字都通过value属性指定。
| <form method="post" action="http://titan:8080/form"> <p><label for="name">Name: <input value="Adam" disabled id="name" name="name"/></label></p> <p><label for="password">Password: <input type="password" placeholder="Min 6 characters" id="password" name="password"/></label></p> <p><label for="fave">Fruit: <input value="Apples" id="fave" name="fave"/></label></p> <input type="submit" value="Submit Vote"/> <input type="reset" value="Reset"/> <input type="button" value="My Button"/> </form> |
在chrome中的效果如下：
用input元素生成按钮与用button元素的不同之处在于后者可以用来显示含标记的文字。但由于各个浏览器对input元素的处理方式比较一致，且有些较老的浏览器（例如IE6）不能正确处理button元素，所以很多网站都更倾向于用input元素。
带限制的输入框
数字输入框
type属性为number的input元素只接受数值。支持的属性包括：
1）list：指定为文本框提供建议值的datalist元素，其值为datalist元素的id值；
2）min：设置最小值；
3）max：设置最大值；
4）readonly：只读；
5）required：表明用户必须输入一个值；
6）step：上下调节数值的步长；
7）value：指定元素的初始值。
