博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
表单新特性
阅读量:5991 次
发布时间:2019-06-20

本文共 949 字,大约阅读时间需要 3 分钟。

1 placeholder 文本站位

  当用户还没有输入值时,输入型控件可能通过placeholder向用户显示描述性说明文字或者提示信息,
这在目前网站中很常见,一些JS框架都会提供类似功能,简单的说下在旧版本中常用的解决方案,为输入控件创建一个label,然后通过CSS控制些label的位置使之覆盖在输入控件上面,当label获得焦点时,浏览器会把焦点指向输入控件。
有了placeholder,新的浏览器就内置了这一功能,其特性值会以浅灰色样式显示在输入框中,当输入框获得焦点并有值后,该提示信息自动消失。
  2 autocomplete 保存输入值
 autocomplete特性能够知晓是否应该保存输入值以备将来使用,autocomplete应该用一保护用户敏感数据,避免本地浏览器对它们进行不安全的存储。
on:该字段无需保护,值可以被保存和恢复
off:该字段需要保护,值不可以保存
unspecified:包含 的默认设置,如果没有被包含在表单中或没有指定值,则行为表现为on
  3 autofocus  自动获取焦点
  页面载入时,我们通过autofocus指定某个表单元素获得焦点,但每个页面只允许出现一个autofocus,如果设置多个则相当于未指定些行为。
一个页面只能有一个控件具有该属性
从实用角度来说,不要随便滥用该属性。
只有当一个页面是以使用某个控件为主要目的时,才对该控件使用autofocus属性。
autofocus 属性适用于所有  标签的类型。
  4 list特性和datalist  选值列表
  通过使用list,开发人员能够为某个输入型控件构造一个选值列表,其使用方法
  5 required  不能为空
  required 属性规定必须在提交之前填写输入域(不能为空)。它是表单验证最简单的一种方式方法
  6 pattern  验证正则
  pattern 属性规定用于验证 input 域的模式(pattern),模式(pattern) 是正则表达式。那些type为email或url的输入控件内置相关正则表达式,如果value不符合其正则表达式,那表单将通不过验证,无法提交

转载于:https://www.cnblogs.com/yy-5616/p/5062528.html

你可能感兴趣的文章
java实现图片水印
查看>>
搜索引擎的一个实验
查看>>
socket 编程入门教程(三)TCP原理:4、设计TCP socket的类(下)
查看>>
介绍Android Studio使用Git最详细的文章
查看>>
《Netty In Action》第三章 Netty核心概念
查看>>
万能配置的大屏可视化功能来啦~
查看>>
Linux安装git
查看>>
JAVA常见面试题之Forward和Redirect的区别
查看>>
网站目录文件权限的简单安全设置
查看>>
iReport中使用JavaBeanDataSource,父子报表,html标签,自定义格...
查看>>
自定义URL规则,URL传参
查看>>
关于加速和优化网页设计的文档收集
查看>>
Linux无法登录,提示module is unknown并闪退
查看>>
Calendar 日期类的使用
查看>>
Zookeeper-Watcher机制与异步调用原理
查看>>
RAID详解[RAID0/RAID1/RAID10/RAID5]
查看>>
Google Chrome降级脚本
查看>>
css3-元素属性动画--transition
查看>>
移除所有子视图
查看>>
Unix的缺陷
查看>>