H5新增input表单、表单属性

H5新增input表单、表单属性

新增表单

属性值	说明
type=“email”	邮箱格式
type=“url”	url类型
type="date”	日期格式
type=“time”	时间格式
type=“month”	月
type=“week”	周
type=“number”	数字
type=“tel”	手机号
type=“seach”	搜索框
type=“color”	颜色选择表单‘’

案例：

    <form action="">
        <ul>
            <li>邮箱:<input type="email"></li>
            <li>网址:<input type="url"></li>
            <li>日期:<input type="date"></li>
            <li>时间:<input type="time"></li>
            <li>月:<input type="month"></li>
            <li>周:<input type="week"></li>
            <li>数字:<input type="number"></li>
            <li>手机号:<input type="tel"></li>
            <li>搜索框:<input type="search"></li>
            <li>颜色选择表单:<input type="color"></li>
        </ul>
        <input type="submit" value="提交">
    </form>

新增属性

属性值	值	说明
required	required	必填字段
placehoder	提示文本	如果默认值，则不显示
autofocus	autofocus	页面加载完毕获得焦点
autocomplete	on/off	文本自动填充 on开启(默认)/off关闭
multiple	multiple	可以选择多文件提交

    <form action="">
        <ul>
            <li>用户名:<input type="text" name="username" required placeholder="请输入用户名" autofocus autocomplete="off"></li>
        </ul>
        <input type="submit" value="提交">
    </form>