HTML5表单

新的输入型控件

  • email:电子邮件
  • tel:电话号码
  • url:网页的url(需要带上http(s)://)
  • search:搜索引擎
  • range:数值控件,特定范围内的数值选择器
    • min
    • max
    • step(步数)
    • value

新的输入控件

number : 只能包含数字的输入框 color : 颜色选择器 datetime : 显示完整日期(chrome) datetime-local : 显示完整日期,不含时区 time : 显示时间,不含时区 date : 显示日期 week : 显示周 month : 显示月

新的表单特性

placeholder : 输入框提示信息 autocomplete : 是否保存用户输入值。默认为on,关闭提示选择off autofocus : 指定表单获取输入焦点 true required : 此项必填,不能为空 Pattern : 正则验证 pattern=”\d{1,5}“ Formaction 在submit里定义提交地址

表单验证

validity对象,通过下面的valid可以查看验证是否通过,如果八种验证都通过返回true,一种验证失败返回false oText.addEventListener(“invalid”,fn1,false); ev.preventDefault() valueMissing : 输入值为空时 返回的是true typeMismatch : 控件值与预期类型不匹配 返回的是true patternMismatch : 输入值不满足pattern正则 返回的是true tooLong : 超过maxLength最大限制 超出的返回的是true rangeUnderflow : 验证的range最小值 rangeOverflow:验证的range最大值 stepMismatch: 验证range 的当前值 是否符合min、max及step的规则 customError 不符合自定义验证 是不是匹配 true setCustomValidity(); 自定义验证 Invalid事件 : 验证反馈 input.addEventListener(‘invalid’,fn,false) 阻止默认验证:ev.preventDefault() formnovalidate属性 : 关闭验证

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • javascript函数

    JavaScript中的函数可以分为两类:有名函数与匿名函数。而定义函数的方式有两种:函数声明与函数表达式。

    踏浪
  • ECMA-262-3 详解:6、闭包

    从来没有深入了解ECMA,网上找了一下,发现早在2010年就有大佬 Dmitry Soshnikov[1] 总结了ECMA中的核心内容,我这里只是翻译记录,加深...

    踏浪
  • redux_todoList案例

    上一节我们说到了redux的基础以及如何理解redux。这一节我们用经典的案例redux-todoList来具体的说一下每一个部分作何解释。

    踏浪
  • H3C DNS

    py3study
  • Python------1

    py3study
  • 一文详解鱼眼相机模型

    来源丨https://zhuanlan.zhihu.com/p/150526482?utm_source=wechat_session&utm_medium=s...

    3D视觉工坊
  • mongodb 索引详解(二)

    MongoDB为文档集合中的任何字段提供完整的索引支持 。默认情况下,所有集合在_id字段上都有索引,应用程序和用户可以添加其他索引以支持重要的查询和操作。

    MongoDB中文社区
  • 【Go 语言社区】Golang语言的time.Sleep

    首先:time.sleep单位为:1ns (纳秒) 转换单位: 1纳秒 =1000皮秒 1纳秒 =0.001 微秒 1纳秒 ...

    李海彬
  • DeepMind-102页深度强化学习PPT(2019最新)-原理及部分代码实现

    深度强化学习实验室
  • 搜索引擎

    在现在互联网如日中天的时代,即使你不是互联网行业的人,你也一定会用过谷歌或者百度。因为他们已经影响了我们生活的方方面面,为我们提供了很多的便利。那么在互联网行业...

    吉林乌拉

扫码关注云+社区

领取腾讯云代金券