当前位置:   article > 正文

HTML5新增元素属性学习

HTML5新增元素属性学习

1.canvas 用于绘制图形(很少使用)

2.datalist 表单新元素 配合input使用,有下拉菜单也可以输入内容(通常用于搜素引擎)

3.input表单的type新属性之中 会限制输入类型

eg:<input type="tel"> 限制用户输入必须为电话号码类型

4.<form>新属性:

autocomplete:自动填充,通常用于登录

值:on off

novalidate:验证(几乎不用)

5.<input>新属性

  • autocomplete:自动填充

  • autofocus:自动聚焦,进入注册界面,光标自动聚焦在输入框上,用于提升用户体验

    注:一个页面中,只能有一个autofocus

  • placeholder:提示性语句,在文本输入框 上提示用户输入内容,当用户填充内容消失,删除内容又出现(用于提示用户输入用户名,密码,适合短的提示语句)

  • required:必填项,用户如果不填,表单无法提交

<input type="text" name="name" required>

  • pattern:内容是正则表达式的规则,用于验证填充内容要与正则表达式要求的内容

  • multiple:布尔值 用于多文件上传

  • checked:单选按钮中默认值

  • selected:多选按钮中默认值

  • min和max :最大值 最小值 可以配合其他属性使用,用于数值型

  • height和weight:一半不在input中使用

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/爱喝兽奶帝天荒/article/detail/941976
推荐阅读
相关标签
  

闽ICP备14008679号