HTML5 新的表單屬性 HTML5 的<form> 和標籤新增了幾個新屬性. 新屬性:autocomplete novalidate登入後複製新屬性:autocomplete autofocus form formaction formenctype formmethod formnovalidate formtarget height and width list min and max multiple pattern (regexp) placeholder required step登入後複製 / autocomplete 屬性autocomplete 屬性規定form 或input 網域應該擁有自動完成功能。 當使用者在自動完成網域中開始輸入時,瀏覽器應該會在該網域中顯示填寫的選項。 提示: autocomplete 屬性有可能在 form元素中是開啟的,而在input元素中是關閉的。 注意: autocomplete 適用於 標籤,以及以下類型的 標籤:text, search, url, telephone, email, password, datepickers, range 以及color。 實例HTML form 中开启 autocomplete (一个 input 字段关闭 autocomplete ): First name: Last name: E-mail: 登入後複製提示:某些瀏覽器中,您可能需要啟用自動完成功能,以使該屬性生效。 novalidate 屬性novalidate 屬性的一個boolean 屬性.novalidate 屬性規定在提交表單時不應該驗證 form 或 input 網域。 實例無需驗證提交的表單資料 E-mail: 登入後複製 autofocus 屬性autofocus 屬性是一個boolean 屬性. #autofocus 屬性規定在頁面載入時,網域會自動地獲得焦點。 實例讓"First name" input 輸入域在頁面載入時自動對焦:First name:登入後複製 form 屬性form 屬性規定輸入域所屬的一個或多個表單。 提示:如需引用一個以上的表單,請使用空格分隔的清單。 實例位於form表單外的input 欄位引用了HTML form (該input 表單仍屬於form表單的一部分): First name: Last name: 登入後複製 formaction 屬性The formaction 屬性用於描述表單提交的URL位址.The formaction 屬性會覆寫 元素中的action屬性.##注意: The formaction 屬性用於type="submit" 和type="image".實例以下HTMLform表單包含了兩個不同位址的提交按鈕: First name: Last name: 登入後複製 formenctype 屬性formenctype 屬性描述了表單提交到伺服器的資料編碼(只對form表單中method="post" 表單)formenctype 屬性覆寫form 元素的enctype 屬性。 主要: 該屬性與 type="submit" 和 type="image" 配合使用。 實例第一個提交按鈕已預設編碼發送表單數據,第二個提交按鈕以 "multipart/form-data" 編碼格式發送表單數據: First name: 登入後複製 formmethod 属性formmethod 属性定义了表单提交的方式。formmethod 属性覆盖了 元素的的method 属性。注意: 该属性可以与 type="submit" 和 type="image" 配合使用。实例重新定义表单提交方式实例: First name: Last name: 登入後複製 formnovalidate 属性novalidate 属性是一个 boolean 属性.novalidate属性描述了 元素在表单提交时无需被验证。formnovalidate 属性会覆盖 元素的novalidate属性.注意: formnovalidate 属性与type="submit一起使用实例两个提交按钮的表单(使用与不适用验证 ): E-mail: 登入後複製 formtarget 属性formtarget 属性指定一个名称或一个关键字来指明表单提交数据接收后的展示。The formtarget 属性覆盖 元素的target属性.注意: formtarget 属性与type="submit" 和 type="image"配合使用.实例两个提交按钮的表单, 在不同窗口中显示: First name: Last name: 登入後複製 height 和 width 属性height 和 width 属性规定用于 image 类型的 标签的图像高度和宽度。注意: height 和 width 属性只适用于 image 类型的 标签。提示:图像通常会同时指定高度和宽度属性。如果图像设置高度和宽度,图像所需的空间 在加载页时会被保留。如果没有这些属性, 浏览器不知道图像的大小,并不能预留 适当的空间。图片在加载过程中会使页面布局效果改变 (尽管图片已加载)。实例定义了一个图像提交按钮, 使用了 height 和 width 属性:登入後複製 list 属性list 属性规定输入域的 datalist。datalist 是输入域的选项列表。实例在 中预定义 值: 登入後複製 min 和 max 属性min、max 和 step 属性用于为包含数字或日期的 input 类型规定限定(约束)。注意: min、max 和 step 属性适用于以下类型的 标签:date pickers、number 以及 range。实例 元素最小值与最大值设置:Enter a date before 1980-01-01:Enter a date after 2000-01-01:Quantity (between 1 and 5):登入後複製 multiple 属性multiple 属性是一个 boolean 属性.multiple 属性规定 元素中可选择多个值。注意: multiple 属性适用于以下类型的 标签:email 和 file。: email, and file.实例上传多个文件:Select images: 登入後複製 pattern 属性pattern 属性描述了一个正则表达式用于验证 元素的值。注意:pattern 属性适用于以下类型的 标签: text, search, url, tel, email, 和 password.提示: 是用来全局 title 属性描述了模式.提示: 您可以在我们的 JavaScript 教程中学习到有关正则表达式的内容实例下面的例子显示了一个只能包含三个字母的文本域(不含数字及特殊字符):Country code: 登入後複製 placeholder 属性placeholder 属性提供一种提示(hint),描述输入域所期待的值。简短的提示在用户输入值前会显示在输入域上。注意: placeholder 属性适用于以下类型的 标签:text, search, url, telephone, email 以及 password。实例input 字段提示文本t:登入後複製 required 属性required 属性是一个 boolean 属性.required 属性规定必须在提交之前填写输入域(不能为空)。注意:required 属性适用于以下类型的 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。实例不能为空的input字段:Username: 登入後複製 step 属性step 属性为输入域规定合法的数字间隔。如果 step="3",则合法的数是 -3,0,3,6 等提示: step 属性可以与 max 和 min 属性创建一个区域值.注意: step 属性与以下type类型一起使用: number, range, date, datetime, datetime-local, month, time 和 week.实例规定input step步长为3:登入後複製【相关推荐】 1. 特别推荐:“php程序员工具箱”V0.1版本下载 2. 免费h5在线视频教程 3. php.cn原创html5视频教程