首页 > 软件开发 > HTML >

快速学会HTML5语言-39-HTML5-新增属性(实例)

来源:互联网 2023-03-16 19:11:57 115

快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

工具/原料

  • 电脑软件Sublime

方法/步骤

  • 1

    对input(type=text)、select、textarea和button设置autofocus属性,将在打开页面时自动获取焦点。LSW办公区 - 实用经验教程分享!

    快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

  • 2

    对input(type=text)、textarea设置placeholder属性,将对用户的输入进行提示,提示用户可以输入的内容。LSW办公区 - 实用经验教程分享!

    快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

  • 3

    对input、output、select、textarea、button、与fieldset设置form属性,将声明属于哪个表单,然后将其放置在页面的任何位置,而不是表单之内。LSW办公区 - 实用经验教程分享!

    快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

  • 4

    对input(type=text)、textarea设置required属性,该属性表示用户提交时进行检查,检查该元素必须有输入内容。LSW办公区 - 实用经验教程分享!

    快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

  • 5

    为input标记增加几个新的属性:autocomplete、min、max、multiple、pattern与step。还有list属性与datalist标记配合使用。datalist标记与autocomplete属性配合使用。multiple属性允许上传时一次上传多个文件,pattern属性用于验证输入字段的模式,其实就是正则表达式。LSW办公区 - 实用经验教程分享!

    快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

  • 6

    step属性规定输入字段的合法数字间隔(假如step="3",则合法数字应该是-3、0、3、6,以此类推),step属性可以与max及min属性配合使用,以创建合法值的范围。LSW办公区 - 实用经验教程分享!

    快速学会HTML5语言-39-HTML5-新增属性(实例)LSW办公区 - 实用经验教程分享!

  • 6相关内容未经授权抓取自百度经验
  • 注意事项

    • gif动态图将重复播放。
    • 按住Ctrl键 鼠标滚动滑轮可以放大网页查看。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!LSW办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码