首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

HTML5HTML5 新增 input 表单属性 ( required 属性 | placeholder 属性 | autofocus 属性 | autocomplete 属性 )

一、HTML5 新增 input 表单属性 ---- HTML5 新增 input 表单属性 : required 属性 : 属性值为 required , 一旦设置了该属性 , 则表单的内容就是必填项..., 不能为空 ; placeholder 属性 : 属性值为提示文本 , 又称为占位符 , 用于设置表单的提示信息 , 如果有默认值则不显示 ; multiple 属性 : 属性值为 multiple..., 可以 选择多个文件提交 ; autofocus 属性 : 属性值为 autofocus , 设置了该属性 , 可以自动进行聚焦 , 页面加载完毕后 , 自动聚焦到设置了该属性表单 ; autocomplete...需要满足以下两个条件 : 为表单添加 name 属性 自动补全的内容需要之前提交成功过 1、required 属性 required 属性 : 属性值为 required , 一旦设置了该属性 ,...placeholder 属性 : 属性值为提示文本 , 又称为占位符 , 用于设置表单的提示信息 , 如果有默认值则不显示 ; 如 : 某商城 , 其搜索框表单 , 就有占位符 , 还可以当广告卖 ;

2.9K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    HTML5 学习总结(二)——HTML5新增属性表单元素

    一、HTML5新增属性 1.1、contextmenu contextmenu的作用是指定右键菜单。 <!...contextmenu 在Html5中,每个元素新增了一个属性:contextmenu, contextmenu 是上下文菜单,即鼠标右击元素会出现一个菜单。...menu 要实现鼠标右击元素会出现一个菜单,还必须了解HTML5新增的另一个元素:menu 顾名思义menu是定义菜单的, menu 元素属性: type :菜单类型属。...HTML5 Forms新增了许多新控件及其API,方便我们做更复杂的应用,而不用借助其它前端脚本语言(如:javascript),极大的解放了我们的双手。 ?...2.1、表单结构更自由 在HTML5表单完全可以放在页面任何位置,然后通过新增的form属性指向元素所属表单的id值,即可关联起来。 <!

    3.5K70

    HTML5新增表单验证功能

    一、HTML5表单的特点: HTML5 表单增加了许多内置的控件和控件属性 XHTML 中需要放在 form 之中的诸如 input/button/select/textarea 等标签元素,在 HTML...5 中完全可以放在页面任何位置,并通过新增的 form 属性指向元素所属表单的 ID 值,即可关联起来。...二、HTML5新增的控件类型: email输入类型: 要求输入格式正确的 email 地址,否则浏览器不允许提交,同时会提示错误信息...新增表单属性:  placeholder属性: 实现点击清除表单初始值,MS 除了 Firefox,其他标 准浏览器都能很好的支持...HTML5 提供一种新的数据格式:XML Submission,即 application/x-www-form+xml。简单的举例说,服务器端将直接接收到 XML 形式的表单数据。

    2.5K30

    HTML5新增全局属性

    HTML5新增了全局属性概念,所谓全局属性就是可以对任何元素都可以的属性。...该属性还有一个隐藏的inherit(继承)状态,如果属性值为true时表示为可编辑状态,如果属性值为false时表示为不可编辑状态,如果是未设定属性值,则由inherit状态来决定,如果元素的父元素是可编辑的...属性值有on和off,当该属性值为on时页面可编辑。属性值为off表示页面不可编辑。...3、hidden属性HTML5中所有的元素都允许使用一个hidden属性,该属性是布尔值属性,可以被设定为true或者false。 当设为true时,元素处于不可见状态。...4、spellcheck属性属性HTML5对于input元素与textarea元素提供的一个新属性,它的功能是针对用户输入的内容进行拼写检查和语法检查,spellcheck属性是一个布尔值属性,具有

    90320

    HTML5新增的标签与属性

    一、关于DTD HTML5 不基于 SGML,所以不需要引用 DTD(HTML 4.01 基于 SGML) 二、HTML5结构标签 标记定义一个页面或一个区域的头部 标记定义导航链接... 告诉那些不支持 ruby元素的浏览器如何去显示 标记定义对ruby的注释内容文本 标记定义有标记的文本 (黄色选中状态) 标记定义一些输出类型,计算表单结果配合...oninput事件 标记定义表单里一个生成的键值(加密信息传送) 标记定义一个日期/时间,目前所有主流浏览器都不支持 六、HTML5重定义标签 (显示不变,只是表达的含义进行了重新定义的标签...中Input新增的type email url number range Date picker: Date —— 选取日、月、年 Month —— 选取月、年 Week —— 选取周和年 Time...表单属性 autocomplete:自动完成,适用于 标签,以及以下类型的 标签: text, search, url, telephone, email, password

    1.5K10

    HTML5(一)——新增元素和属性

    自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些?...新增表单元素 标签 描述 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。...新增表单属性 H5中新增表单属性指 form 和 input 元素新增属性。 form新属性及意义 autocomplete :规定form域自动完成功能。...: formaction - 重写表单的 action 属性 formenctype - 重写表单 enctype 属性 formmethod - 重写表单 method 属性 formnovalidate...- 重写表单 novalidate 属性 formtarget - 重写表单的 target 属性 min、max、step属性 三者用于对数字、日期类型输入框的限制和约束。

    1.3K20

    HTML5(一)——新增元素和属性

    自 H5 诞生以来,在 html4.0 中有些元素已被 H5 废弃,但是在 H5 中添加了很多新元素以及功能,今天我们学习 H5 中新增的元素和属性都有哪些?...新增表单元素 标签 描述 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。...新增表单属性 H5中新增表单属性指 form 和 input 元素新增属性。 form新属性及意义 autocomplete :规定form域自动完成功能。...: formaction - 重写表单的 action 属性 formenctype - 重写表单 enctype 属性 formmethod - 重写表单 method 属性 formnovalidate...- 重写表单 novalidate 属性 formtarget - 重写表单的 target 属性 min、max、step属性 三者用于对数字、日期类型输入框的限制和约束。

    1.4K30

    HTML5新增相关标签的和属性

    总结一下今天学习的h5新增标签和属性 今天一共学了流、图标、响应式图像、音频视频、列表、h5超链接 定义流: 流表示图表、照片、图形、插图、代码片段等独立的内容。...响应式图像 响应视图大小: HTML5新增picture标签和img标签中的srcset、sizes属性 picture标签作为容器,可以包含一个或多个source标签,其中source可以加载多媒体源...这里的理解是源于这篇文章,请参考前端中媒体查询 音频、视频 在h5中新增了音频audio标签和视频video标签,通过这两个标签,我们可以实现将音频和视频放置在网页上的操作 audio标签 (audio...: 具有和audio类似属性之外,还具有muted属性——设置视频的音频应该被静音;poster——设置视频下载时显示的图像或者在用户点击暂停时的出现的画面。...command所属的组名,仅在类型为radio时使用)其中menuitem标签在web标准中已经删除MDN H5超链接 h5中允许在链接内包含任意对象,如段落、列表、整篇文章和区块,但是不允许出现音频、视频、表单元素

    2K10

    常用的表单元素有哪些_h5新增表单元素属性

    各有什么属性? 】 大家好,我是IT修真院北京分院第23期学员。今天小课堂的主要内容是,input表单的应用,还有在html5新增属性。...表单元素是页面中不可缺少的元素,在最新的H5中,表单元素也新增了一些属性,在页面构建中发挥了重要的作用。一般来说,表单包含如下几个部分: 1. 提示信息:表单中包含的说明性文字 2....在最新的html5中,有一些表单新增属性,多用于js,如 datalist : 定义填写一个input时,提示几个option用于提示。可通过input的list特性与此元素作关联。...还有一些新增的type属性: 1. search:input会呈现为搜索框(与text类型的唯一区别在于当鼠标覆盖时尾部出现叉号可快速清除输入的内容)。...html5中input新增的一些较常用的特性: 1. list:关联datalist所用的该datalist的id(即datalistform外建立,通过list关联即可)。

    3.4K30

    HTML5新增标签

    html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。...HTML新增标签 1. 结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。 header:一般网页头部信息/标题。 nav:导航条部分内容。...表单标签 表单中元素input还记得吗?H5新增表单标签主要针对input的type属性值,具体属性值描述如下: search:搜索框。应用非常广泛,与text的区别是有值的时候会有清空按钮。...number:必须输入数值,通过min、max属性可以设置最小最大值。 range:必须输入一定范围内的数值。 color:颜色选择器。 日期选择器:date:选取年月日。month:选取年月。

    2.5K10

    HTML5新增标签

    html5是最新的html标准,拥有新的语义、图形以及多媒体元素,简化web应用程序,专为丰富的web内容而设计的,简称“H5”。...HTML新增标签 1. 结构标签:主要用来对页面结构进行划分,页面结构划分为顶部、导航、内容(页眉、区块)、页脚等。 header:一般网页头部信息/标题。 nav:导航条部分内容。...表单标签 表单中元素input还记得吗?H5新增表单标签主要针对input的type属性值,具体属性值描述如下: search:搜索框。应用非常广泛,与text的区别是有值的时候会有清空按钮。...number:必须输入数值,通过min、max属性可以设置最小最大值。 range:必须输入一定范围内的数值。 color:颜色选择器。 日期选择器:date:选取年月日。month:选取年月。

    1.4K20
    领券