网站建设中有用的表单属性

发布时间:2014-11-11 10:18:51

网站建设中有用的表单属性

  有用的表单属性
  除了新的元素,以及input输入元素中的一些新类型外,HTML5还为表单元素提供了一些新属性。
  使用autofocus操作焦点
  数年前,Google的一个小举动给许多用户带来了惊喜:当搜索页面打开后,光标自动出现在搜索栏中,用户不需要先单击搜索栏就可以直接输人搜索内容,这让搜索变得更方便。以前这一切是通过一小段JavaScript来完成的,而现在在HTML5中,可以用一个autofocus属性来实现它:
  
  你可以像其他布尔型属性一样将它写为autofocus=_’autofocus"。根据规范声明,在一个页面中,只有一个元素能够包含autofocus属性。
  autofocus不适用于旧式浏览器,因为它们会直接忽略未知属性。因此,你只能通过新浏览器来尝试这个友好的用户体验。
  为文本使用placeholder占位符
  新的placeholder属性可以进一步提升HTML表单的友好度:
  Youre-mailaddress:
  
  Yourdateofbirth
  
  占位符值可以给予用户一个快速提示,让他们了解该在输入字段中输人什么,它并不会取代标签元素。当需要用户输人某一特定格式的内容时,占位符显得尤其有用。浏览器会在输人字段显示提示文字。当该输人字段被聚焦(focus)激活,该提示文字则消失。
  使用required定义必填项
  required是一个布尔型属性,其名称已经直白地表达了它的功能:包含此属性的表单元素必须被填写。在发送表单时若指定栏目仍为空,浏览器就会给予相关响应。关于这方面更多信息可见节。
  input元素中的更多属性
  input元素不仅被新类型所强化,同时也借由一些新属性而让表单变得更易于操作,见表。
  我们还会在节中谈到list属性,它为datalist元素提供可选项列表。
  min、max及step不仅适用于数字栏,还能用于输入日期及时间:
  Decimalnumberbetween0andl:
  
  Dateinweeksteps:
  
  Timeinhoursteps:
  
  在支持数字类型输入的浏览器中,以上这段代码的第一个输人元素(id=minMax)每次增加值为。这个增加是通过单击文本字段尾部的箭头或者按键盘上的方向键来实现的。ID为miriMaxDate的元素以7天为单位增减,在Opera的日历里,每星期只有相应的一天会显示为可选。GoogleChrome也根据输人类型为这些元素提供了相似的可视化操作导航支持:人们可以使用上下箭头将日期以7天为周期调前或调后。第三个输人元素的间隔值为0,因此我们可以以小时为单位来调整时间。尽管根据规范声明,时间输人元素通常以分钟作为单位,宁波网站建设认为但Opera及GoogleChrome都将此单位设为了秒。
  相信大家都熟悉复制文件过程中的诸多操作选项,而现在浏览器也同样支持这些操作。如果需要一次上传多个文件,首先需要为每个文件创建一个输人宇段。在使用multiple属性的情况下,人们可以在一个对话框中选取多个文件。Multiple选项通常为select元素服务,在email类型的输入字段中使用它则算是个创举。不过到目前为止,任何常见桌面浏览器都还无法将此功能应用于email类型。
  本文由乐华网络编辑,转载请注明出处
  宁波网站建设www.leseo.net
上一篇:
交流联接的圈套许多刚树立网站的站长都喜欢用交流联接的办法来进行网站的推行。本来这是一个不错的办法,可
下一篇:
尽管网络上有一些PageRankValidationTool,但大多欠好用,本来Google自身就可
关于乐华
乐华介绍
乐华思维
人才招聘
使用条款
隐私保护
RSS订阅
网站地图
新闻动态
乐华观点
行业动态
频道介绍
服务介绍
案例展示
品牌研究
品牌理论
品牌体系
联系我们
400-680-2900
社会媒体
微信公众平台
微信公众平台