HTML5新增的表单属性

HTML5新增的表单属性
type

    number     数字控件(只能输入数字) 属性min,max,step可以配合使用
    range      范围控件(通过控制条调整值)属性min,max,step可以配合使用
    search     搜索控件 
    tel        电话控件
    url        地址控件 
    email      邮箱控件
    color      颜色控件
    date       日期控件(年,月,日,不包含时间),火狐支持 
    time       时间控件,火狐支持 
    datetime-local     日期时间控件,暂时火狐不支持 
    month      月插件(年,月),暂时火狐不支持 
    week       周插件(年,周)暂时火狐不支持

用于提交按钮和提交图片的属性

form属性             值为一个form标签的id值
formaction属性       指定提交按钮提交数据的地址
formenctype属性      指定表单提交的编码格式
formmethod属性       指定表单提交的方式
formnovalidate属性   指定表单是否验证,布尔属性,写上就代表不验证
formtarget属性       指定响应打开的方式

autofocus 当页面加载完毕的时候,默认聚焦。在页面中,只能有一个表单元素具有该属性

list 取值为元素的id,用于显示提示内容

    例如:
        <datalist id="one">
            <!-- option中不用内容只用写value -->
            <option value="1"></option>
            <option value="2"></option>
        </datalist>
        <input type="text" list="one">

max/min 表单组件能够接受到的最大值/最小值

placeholder 对用户的输入进行提示,常用于搜索框,不要出现回车换行

pattern 取值为正则表达式,用于表单验证
比如验证手机号:pattern=”1\d{10}” maxlength=“11” 验证邮箱:pattern=”\W+@\W+.com”

required 表示在表单提交之前必须表单组件中必须输入值

发布了39 篇原创文章 · 获赞 0 · 访问量 189

猜你喜欢

转载自blog.csdn.net/yaningyin/article/details/105033647
今日推荐