HTML5 form (表单)的使用

1. 与html4不同的是form表单是一个form表单是直接闭合的没有子标签在里面  `<form id="myForm" action="http://www.baidu.com"></form>`
2. 关联的input标签有一个form属性指向表单的ID号  `<input type="text" form="myForm">`
3. input的type类型
    1. text:文本
    2. submit:提交按钮
    3. Email:邮箱
    4. URL:路径
    5. data:时间: 年月日(下面的均没有引号)
        1. time:24小时制
        2. month:年月
        3. week:年周
    6. number:数字
        1. max:最大值
        2. min:最小值
        3. step:增减单位
        4. value:值

    7. range:范围类似音量调节器
        1. max,min,step(可不设置默认从value+1开始拖动)
        2. value

    8. color:文本流为可选择颜色条
    9. placeholder:文本提示性语句 输入文本后消失

4. required默认验证规则:
    1. required=‘required’

5. 自定义验证
     1. pattern:正则表达式
6. 关于提示文字:
    1. oninvalid="setCustomValidity('滚蛋')"
    2. οninput="setCustomValidity('gun')"

7. maxLength:文本内容最大长度
    1.  `<textarea id="notes" name="notes" maxLength="10" autofocus="true"></textarea>` 

8. novalidate:form表单不对其进行验证 `novalidate="novalidate"`
     
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值