HTML5 新增表单属性

========================================================================================

1.placeholder ---为文本框设置默认值，用户输入文本时自动隐藏，用户清除文本时自动显示

2.autofocus --- 表单控件会在页面加载时自动获取焦点。

一个页面只能有一个autofocus属性的定义

3.autocomplete --- 可选历史记录直接填入表单

4.mutiple --- 多选

可用于 datalist , file etc;

5.form --- 通过设置id,将表单和表单外部的数据连接起来

时间： 2024-11-08 19:43:55

HTML5 新增表单属性的相关文章

html5新增表单元素和属性

从三方面来介绍html5表单的新特性表单结构更灵活要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body><form action="upload.php" method="post" accept-charset="utf-8" id="form1"&g

疯狂的表单 2015/11/27 16:44:07 从三方面来介绍html5表单的新特性表单结构更灵活要提交数据的控件可以布局在form标签之外,看下面的代码,表单元素可以写到form元素之外,只需在元素中加入form="form1"属性,也可提交到form元素指定的服务器地址 <body> <form action="upload.php" method="post" accept-charset="utf-8&

5.9 HTML5 新增表单控件 ---不是特别重要

HTML5 新增表单控件新增类型:网址邮箱日期时间星期数量范围电话颜色搜索这些控件基本不使用:因为在不同的浏览器中效果不一样.产品设计中不允许多个浏览器效果不同,必须统一. <label>网址:</label><input type="url" name="" required><br><br> <label>邮箱:</label><input type=&q

IT兄弟连 HTML5教程 HTML5表单 HTML5新增表单元素

HTML5有一些新的表单元素:<datalist>.<keygen>.<output>.不是所有的浏览器都支持HTML5新的表单元素,但即使浏览器不支持该表单属性,仍然可以显示为常规的表单元素. 1 <datalist>元素 <datalist>元素规定输入域的选项列表.<datalist>属性规定form或input域应该拥有自动完成功能.当用户在自动完成域中开始输入时,浏览器应该在该域中显示的填写的选项.Internet Exp

html5新增表单控件和表单属性

新的输入性表单控件: email:电子邮箱文本框,跟普通的没什么区别 - 当输入不是邮箱的时候,验证不通过 - 移动端的键盘会发生变化 tel:电话号码 url:网页的URL search:搜索引擎 - chrome下输入文字后,会多出一个关闭的X range:特定范围内的数值选择器 - min.max.step(步数) - 例子: 用js来显示当前数值 number:只能包含数字的输入框 - 输入框末尾有两个箭头上为加下为减 color:颜色选择器 - 点击显示颜色版 datet

HTML5新增表单验证

HTML5新增属性: 属性描述 placeholder 提供一种提示,输入域为空时显示,获得焦点输入内容后消失 required 规定输入域不能为空 pattern 规定验证input域的模式(正则表达式) 示例: <input type="text" id="uName" placeholder="英文.数字长度为6-10个字符" required pattern="[a-zA-Z0-9]{6,10}"/> v

【HTML5】表单属性

* autocomplete autocomplete 属性规定 form 或 input 域应该拥有自动完成功能. 注释:autocomplete 适用于 <form> 标签,以及以下类型的 <input> 标签:text, search, url, telephone, email, password, datepickers, range 以及 color. 当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项: <!DOCTYPE HTML> <

H5新增表单属性

一.form属性 1 <form id="test"> 2 <input type="text" placeholder="请输入合适的信息"/> 3 </form> 4 <input form="test"/> 最后一个input并不属于form表单元素,在提交表单是,input不会随着表单一起提交,但是在html5中我们只需要在input属性中增加form属性,并制定form

HTML5 新增表单控件

新增类型:网址邮箱日期时间星期数量范围电话颜色搜索 <label>网址:</label><input type="url" name="" required><br><br> <label>邮箱:</label><input type="email" name="" required><br><b