走进HTML5入门到精通：HTML5表单属性

HTML 5 的新的表单属性

本章讲解涉及 <form> 和 <input> 元素的新属性。

新的 form 属性：

autocomplete
novalidate

新的 input 属性：

autocomplete
autofocus
form
form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)
height 和 width
list
min, max 和 step
multiple
pattern (regexp)
placeholder
required

浏览器支持

Input type IE Firefox ">Opera Chrome Safari autocomplete 8.0 3.5 9.5 3.0 4.0 autofocus No No 10.0 3.0 4.0 form No No 9.5 No No form overrides No No 1
0.5 No No height and width 8.0 3.5 9.5 3.0 4.0 list No No 9.5 No No min, max and step No No 9.5 3.0 No multiple No 3.5 No 3.0 4.0 novalidate No No No No No pattern No No 9.5 3.0 No placeholder No No No 3.0 3.0 required No No 9.5 3.0 No

时间： 2024-12-31 20:21:50

走进HTML5入门到精通：HTML5表单属性的相关文章

CSS3+HTML5实例:HTML5和CSS3制作登录表单

文章简介:HTML5提供了一些新的元素可以让我们不用JS轻松实现实用的web表单,CSS3提供了很多新的特性,这些特性允许实现新的设计效果(比如动画.渐变等).  HTML5提供了一些新的元素可以让我们不用JS轻松实现实用的web表单,CSS3提供了很多新的特性,这些特性允许实现新的设计效果(比如动画.渐变等). 这里做了一个基于HTML5和CSS3的登录表单.实例代码使用到HTML5提供的一些表单新特性,所以你需要使用支持HTML5和CSS3的浏览器来查看. HTML5代码: <form id

HTML5的表单属性简介

HTML5 的新的表单属性 本章讲解涉及 <form> 和 <input> 元素的新属性. 新的 form 属性: autocomplete novalidate 新的 input 属性: autocomplete autofocus form form overrides (formaction, formenctype, formmethod, formnovalidate, formtarget) height 和 width list min, max 和 step mul

php+html5使用FormData对象提交表单及上传图片的方法

 这篇文章主要介绍了php+html5使用FormData对象提交表单及上传图片的方法,实例分析了FormData对象的使用技巧,非常具有实用价值,需要的朋友可以参考下     本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台.在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工

php+html5使用FormData对象提交表单及上传图片的方法_php技巧

本文实例讲述了php+html5使用FormData对象提交表单及上传图片的方法.分享给大家供大家参考.具体分析如下: FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台.在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量. 使用FormData对象 1.创建一个FormData空对象,然后使用append方法添加key/value 复制代码 代码如下: var formdata = new

html表单属性readonly和disabled的使用方法

  html容易被忽略的一些表单属性,如readonly.disabled,两者在获得value值方面有所不同,感兴趣的朋友可以了解下本文 1.readonly 只读属性,这样可以获得value值 2.disabled 失效属性 , 不可以获得value值

走进HTML5入门到精通：HTML5表单元素

HTML 5 的新的表单元素: HTML 5 拥有若干涉及表单的元素和属性. 本章介绍以下新的表单元素: datalistkeygenoutput 浏览器支持 Input type IE Firefox http://www.aliyun.com/zixun/aggregation/10963.html">Opera Chrome Safari datalist No No 9.5 No No keygen No No 1 0.5 3.0 No output No No 9.5 No No

走进HTML5入门到精通：&lt;output&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <output> 标签 定义和用法 <output> 标签定义不同类型的输出,比如脚本的输出. 实例 如何在表单中使用 output 元素: <form action="form_action.asp" method="get" http://www.aliyun.com/zixun/aggregation/11696.html">

走进HTML5入门到精通：&lt;textarea&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <textarea> 标签 定义和用法 定义一个文本区域 (text-area) (一个多行的文本输入区域).用户可在此文本区域中写文本.在一个文本区中,您可输入无限数量的文本.文本区中的默认字体是等宽字体 (fixed pitch). HTML 4.01 与 HTML 5 之间的差异 在 HTML 5 中有一些新属性,同时不再支持 HTML 4.01 中的一些属性. 例子 <textarea ro

走进HTML5入门到精通：&lt;select&gt;标签

[转载请保留风信网文章内容的完整性,如果您不能遵守此原则,我们将保留追究法律责任的权利] <select> 标签 定义和用法 <select> 标签创建下拉列表. HTML 4.01 与 HTML 5 之间的差异 HTML 5 有一些新的属性,同时不再支持一些 HTML 4.01 的属性. 提示和注释: 风信网(www.ithov.com)提示:请在 form 元素中使用此标签来接受用户的输入. 例子 <select><option http://www.aliy