`
流浪鱼
  • 浏览: 1682221 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML5 表单属性

 
阅读更多

1.form属性

<form id="testform">
           <input  name="name" type="text" />
</form>
<input name="password" type="password"  form="testform" />

 此处通过form属性即使在外边也能在提交的时候使用,完全脱离form

2.placeholder属性

3.autofocus属性

autofocus属性的作用是指定控件自动获得焦点。需要注意的是,一个HTML页面上只能有一个控件具有该属性

4.list属性和datalist元素

可以在单行文本输入框增加list属性,该属性通常和datalist元素结合使用。list属性作用是提示文本框输入,提示的数据源则由datalist元素提供

<input id="myCar" list="cars" />
<datalist id="cars">
  <option value="BMW">
  <option value="Ford">
  <option value="Volvo">
</datalist>

 5.autocomplete属性

autocomplete属性具有自动完成的功能。可以指定该属性的值为on或off

6.required属性

 

 

 

 

分享到:
评论

相关推荐

    应用HTML5表单属性实现多文件上传

    HTML5 表单属性实现多文件上传 HTML5 的出现带来了许多新的特性和属性,其中一些表单属性特别有用,例如 multiple、required、autocomplete、placeholder 和 autofocus 等。下面我们将详细介绍这些属性的用法和...

    1HTML5表单属性

    ### HTML5表单属性详解 #### 一、引言 HTML5引入了许多新的表单属性,极大地增强了网页的交互性和用户体验。本文将详细介绍HTML5中的一些关键表单属性及其应用场景,帮助开发者更好地理解和运用这些特性。 #### 二...

    WEB开发 之 HTML5 表单属性.docx

    WEB 开发之 HTML5 表单属性 HTML5 中的表单属性是指在 HTML5 中新增加的 form 和 input 元素的属性,这些属性使得表单的功能更加强大和灵活。下面是这些新属性的详细解释: 1. autocomplete 属性:autocomplete ...

    HTML5中form表单的新增属性.ppt

    HTML5中form表单的新增属性.ppt

    HTML5新增属性与表单元素

    HTML5作为最新的超文本标记语言标准,相较于上一版本HTML4,带来了许多新特性,其中包括新增的表单元素和属性。这些新增元素和属性的引入,极大地扩展了网页的功能,增强了用户交互体验,同时也简化了开发者的工作...

    html5教程+速查手册+参考手册

    html5简介 html5Canvas、html5Web存储、html5Input类型、html5表单元素、html5表单属性、html5参考手册、html5标准属性、html5事件属性。 二、速查手册:将html5所有结点全部以表格形式展示出来,并带有每个结点的...

    HTML5从入门到精通-中文学习教程.docx

    * 表单属性:HTML5提供了多种表单属性,例如autofocus、disabled、readonly等。 * 表单验证:HTML5的表单属性具有自动验证功能,例如邮箱格式验证等。 * 表单应用场景:HTML5的表单属性广泛应用于表单开发、用户信息...

    bootstrap风格的html5表单验证示例

    HTML5则引入了一系列新的表单元素和属性,使得网页表单的设计和验证更加便捷。在这个“bootstrap风格的html5表单验证示例”中,我们将深入探讨如何结合这两者来创建高效且用户友好的表单。 1. **HTML5表单元素**:...

    HTML5从入门到精通

    - HTML5表单属性:这部分内容可能会介绍各种表单相关属性,如required、placeholder等,以及它们在表单中的作用。 5. HTML5的标签详解 - 该部分将会详细解析HTML5中各个标签的用途、属性和用法。例如: - 标签:...

    html5表单增强,html5

    其次,HTML5添加了一些新的表单属性,如`autocomplete`,可以自动填充表单字段;`autofocus`允许页面加载时自动聚焦某个表单字段;`list`与`datalist`元素配合,可以提供预定义的选项列表;`pattern`支持正则表达式...

    HTML5FormAttributes(Part1)共8页

    "HTML5FormAttributes(Part1)共8页"这个压缩包文件很可能是关于HTML5中表单属性的一个教程或文档,虽然没有提供具体内容,但我们可以根据已知的标签"HTML5FormAttribu"来深入探讨HTML5中的一些关键表单属性。...

    HTML5教程 很经典

    #### 八、HTML5表单属性 HTML5为表单元素添加了许多新的属性,如`required`、`pattern`等,用于增强表单的验证能力。 - **`required`**:表示字段是必需的。 - **`pattern`**:用于设置正则表达式模式,用于验证...

    《HTML+5+从入门到精通》-中文学习教程

    #### HTML5表单属性 - **提交按钮**:`&lt;button&gt;`标签的使用方法,包括如何触发表单提交操作。 - **复选框与单选按钮**:如何使用`&lt;input type="checkbox"&gt;`和`&lt;input type="radio"&gt;`实现选择功能。 - **选择下拉...

    HTML5简单清新的登录表单

    3. **表单验证**:HTML5的内置验证功能允许在提交表单前进行客户端验证,例如,`required`属性确保某个字段必须填写,`pattern`属性可以设置正则表达式进行自定义验证。这在登录表单中非常有用,可以防止用户提交...

    HTML5 好看的注册表单

    注册表单在网页应用中十分重要,今天要向大家分享一款...该HTML5表单使用了很多CSS3属性,从而在表单切换时拥有弹性的动画,是一款很不错的HTML5表单。建议使用支持HTML5与CSS3的火狐或谷歌等浏览器预览本实例源码。

    CSS3数字验证表单

    HTML5表单属性 CSS3数字验证表单首先建立在HTML5的基础上,HTML5引入了一些新的表单元素和属性,如`&lt;input type="number"&gt;`,用于创建只接受数字输入的字段。此外,`min`和`max`属性可以限制可接受的数值范围,而`...

    HTML5表单新属性.docx

    HTML5在表单功能上做了许多增强,引入了新的属性和输入类型,使得网页表单的设计更加灵活且具有更强的数据验证能力。以下是关于HTML5表单新属性的详细解释: 1. **autocomplete属性**: - `autocomplete`属性用于...

    HTML5表单的常用属性案例.pdf

    在HTML5中,表单控件得到了显著增强,提供了更多的属性来帮助开发者创建更加灵活和交互性强的用户界面。以下是基于提供的文件内容所涉及的HTML5表单常用属性的详细说明: 1. **`method`属性**: `method`属性用于...

    html5教程和手册

    1.0 html5 简介 2.0 html5 视频 3.0 html5 音频 4.0 html5 Canvas 5.0 html5 web存储 6.0 html5 Input类型 7.0 html5 表单元素 8.0 html5 表单属性 9.0 html5 参考手册 10.0 html5 标准属性 11.0 html5 事件属性

    JavaScript获取网页表单action属性的方法

    这种动态修改表单属性的能力使得JavaScript在前端开发中非常灵活和强大。 除了通过id来获取表单元素外,JavaScript还提供其他方式来选取表单,例如通过name属性或者直接通过表单元素的索引位置。例如,如果表单的...

Global site tag (gtag.js) - Google Analytics