type属性

 type属性

当type="text"时：属性如下
maxlength：设置文本框最大字符长度。
pattern：用于输入验证的正则表达式。
placeholder：输入字符串的提示（呈现暗灰色）。
readonly：文本框处于只读状态（不能修改）。
disableD：文本框处于禁用状态。
size：设置文本框宽度。
value：设置文本框初始值。
required：表明用户必须输入一个值，否则无法通过输入验证。
list：list指定为文本框提供建议值的datalist元素，其值为datalist元素的id值。
例如：
<form action="http://www.baidu.com" target="_blank">
<input type="text" name="user" maxlength="5" size="20" value="wyj" readonly disabled/>
<input type="text" list="abc" />
<button>提交</button>
</form>
<datalist id="abc">
<option value="1">苹果</option>
<option value="2">提子</option>
<option value="3" label="香蕉">
<option value="菠萝">
</datalist>
当type的值为password，search时属性同text一样
当type=number，ranger时只限输入数字的文本框（对数据进行处理）。

属性：

        min：设置可接受数字的最小值。

        max：设置可接受数字的最大值。
        step：指定上下调节的步长。
        list，readonly，required，value等等
<form action="http://www.baidu.com" target="_blank">
<input type="number" step="2" min="10" max="100" />
<button>提交</button>
</form>
当type=color时
<form action="http://www.baidu.com" target="_blank">
<input type="color" name="user" />
<button>提交</button>
</form>

当type=checkbox（复选框）,radio（单选框）时：
属性如下：checked：设置复选框，单选框是否勾选状态。
required：表示用户必须勾选，否则无法通过验证。
value：设置复选框，单选框勾选状态时提交的数据。默认为on
例如：
<form action="http://www.baidu.com" target="_blank">
音乐<input type="checkbox" name="music" value="1">
唱歌<input type="checkbox" name="sing" value="2">


<br />

<input type="radio" name="sex" value="1" checked>男
<input type="radio" name="sex" value="2">女
<button>提交</button>
</form>


当type=submit,reset,button时，生成一个按钮，三种模式：提交，重置和一般按钮。
submit,reset有默认的value值
<form action="http://www.baidu.com" target="_blank">
<input type="button" value="提交"/>
<input type="reset" />
<input type="submit" />
</form>
当type=image时，生成一个图片按钮，点击图片就实现提交功能，并且传送了分区响应数据，图片按钮也提供了一些额外属性。
属性：
        src:指定要显示图像的URL。
        width,height:图片的长度和宽度。

        提供的额外属性（formaction，formtarget，autofocus）

 <form action="http://www.baidu.com" target="_blank">

        <input type="image" src="img/wei.jpg.jpg" width="600" height="400"/>
</form>
当type=email时表示邮件格式，当type=tel时表示电话号码格式，当type=url时表示网址格式。
当type=hidden时生成一个隐藏控件，一般用于表单提交时关联主键id提交，而这个数据作为隐藏存在。
当type=file时，生成一个文件上传控件，用于文件的上传额外提供了一些属性：
        accept：指定接受的MDME类型
        required：表明用户必须提供一个值，否则无法通过验证.
        accept="image/gif,image/jpeg,image/png"
        <form action="http://www.baidu.com" target="_blank">
<input type="hidden" />

<input type="file" accept="image/gif,image/jpeg" required="required" />

<button>提交</button>
</form>