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 表示在表单提交之前必须表单组件中必须输入值

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值