HTML5 表单新增元素与属性(续) 认证专享

成为vip会员,免费看所有精品课程
  • 目录

    目录 收起>

    本套课程主要讲解 HTML5 表单新增元素与属性,包含 control、placeholder 、list 、AutoComplete 、pattern 等属性。让学员掌握表单中的一些具体的改变。

    1.control属性与placeholder属性 00:05:29

    在HTML5中,可以再标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素。placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字。

    2.list属性和AutoComplete属性 00:04:37

    在HTML5中,为单行文本框增加了一个list属性,该属性的值为某个datalist元素的id。datalist元素也是HTML5中新增的元素,该元素类似于选择框,但是当用户想要设定的值不在选择列表之内时,允许自行输入。datalist元素本身并不显示,而是当文本框获得焦点时以提示输入的方式显示。

    3.pattern属性和SelectionDirection属性 00:06:08

    在HTML5中,对input元素使用pattern属性,并且将属性值设为某个格式的正则表达式,在提交时会针对这些进行检查,检查其内容是否符合给定格式。当输入的内容不符合给定格式时,则不允许提交,同时在浏览器中显示信息提示文字,提示输入的内容必须符合给定格式。

    4.indeterminate属性和image提交按钮的height属性与width属性 00:04:36

    对于复选框checkbox元素来说,过去只是选取与非选取这两种状态。在HTML5中,可以在JavaScript脚本代码中对该元素使用indeterminate属性,以说明复选框处于“尚未明确是否选取”状态。
  • 提问

    提交问题
  • 下载

  • 线路

    视频太卡?试试切换线路 √ 线路1 √ 线路2
  • 收藏

    收藏课程
  • 分享

连播

连续播放

关灯

关灯模式
视频加载太慢?

我们有两条线路可以选择,试试切换线路吧

HTML5 表单新增元素与属性(续)

4课时,21分钟2015-04-28
iwen
iwen

极客学院金牌布道师

课程背景:
自从 HTML5 正式推出以来,它立刻受到了世界各大浏览器的热烈欢迎与支持,根据世界上各大 IT 界知名媒体评论,新的 Web 时代,HTML5 的时代马上就要到来了。


核心内容:
1.Controls 属性
2.Placeholder 属性
3.List 属性
4.Autocomplete 属性
5.Pattern 属性
6.SelectionDirection
7.Indeterminate 属性
8.Image 提交按钮的宽高属性


软件环境:Webstrom


是否提供资料:


课程等级:初级


适合人群:
零基础

  • 技术问答
  • 1

    control属性与placeholder属性

    05:29

    在HTML5中,可以再标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素。placeholder是指当文本框处于未输入状态时显示的输入提示。当文本框处于未输入状态且未获取光标焦点时,模糊显示输入提示文字。

  • 2

    list属性和AutoComplete属性

    04:37

    在HTML5中,为单行文本框增加了一个list属性,该属性的值为某个datalist元素的id。datalist元素也是HTML5中新增的元素,该元素类似于选择框,但是当用户想要设定的值不在选择列表之内时,允许自行输入。datalist元素本身并不显示,而是当文本框获得焦点时以提示输入的方式显示。

  • 3

    pattern属性和SelectionDirection属性

    06:08

    在HTML5中,对input元素使用pattern属性,并且将属性值设为某个格式的正则表达式,在提交时会针对这些进行检查,检查其内容是否符合给定格式。当输入的内容不符合给定格式时,则不允许提交,同时在浏览器中显示信息提示文字,提示输入的内容必须符合给定格式。

  • 4

    indeterminate属性和image提交按钮的height属性与width属性

    04:36

    对于复选框checkbox元素来说,过去只是选取与非选取这两种状态。在HTML5中,可以在JavaScript脚本代码中对该元素使用indeterminate属性,以说明复选框处于“尚未明确是否选取”状态。

相关课程

  • HTML 5 与HTML 4 的区别

    本套课程主要讲解 HTML 5 与 HTML 4 的区别。包含 HTML 5 的推出理由及目标、新增的元素和废除的元素以及新增的属性和废除的属性。让学员掌握 HTML 5 与 HTML 4 之间的区别。

    3课时 20分钟
    初级
    66891人学习
  • HTML5 新增的主体结构元素

    本套课程主要讲解 HTML5 新增的主体结构元素,包含 article 元素、section 元素、nav 元素、aside 元素、 time 元素和 pubdate元素。让学员掌握 HTML5 中更加清晰明确地结构。

    5课时 24分钟
    初级
    42712人学习
  • HTML5 新增的的非主体结构元素

    本套课程主要讲解 HTML5 新增的非主体结构元素,包含 header 元素、footer 元素、hgroup 元素和address 元素。让学员掌握HTML5中的非主体结构元素的使用。

    3课时 17分钟
    初级
    30955人学习
  • HTML5 表单新增元素与属性

    本套课程主要讲解 HTML5 表单新增元素与属性,包含 form、formaction、formmethod、formenctype、formtarget、autofocus、labels 元素。让学员掌握表单中的一些具体的改变。

    4课时 26分钟
    初级
    29949人学习