定制input元素

用input元素输入文字

input的type属性设置为text时可以输入文字，这是默认形式。

maxlength设定能够输入的字符最大数目；size指定文本框能够显示字符数目

value属性设置输入框默认值；placeholder设置提示文字

可以将input元素的list属性设置为一个datalist元素的id值，这样用户在文本框中输入数据时只需从选项中选择就可以了

<datalist id="fruit">
    <option value="apples" label="lovely apples">
    <option value="orange">
</datalist>

readonly和disabled都可以生成用户不能编辑的文本框。设置disabled属性的input元素数据不会被提交到服务器，readonly会

用input元素输入密码

type为password

用input元素生成按钮

将input元素的type属性设置为submit、reset和button生成类似button元素

用input元素为输入数据把关

• type设置为number获取数值，可以设置min、max、step属性
• type设置range获取指定范围内数值
• type设置为email、tel和url获取有规定格式的字符串
• type设置为hidden可以隐藏输入框，提交表单时会发送到服务器
• image型input元素生成的按钮显示为一幅图像
• 设置type为file可以上传文件；表单编码类型设置为multipart/form-data时才能上传文件

定制input元素

原文：https://www.cnblogs.com/yysy/p/13382092.html