<!DOCTYPE> 标签
定义和用法
<!DOCTYPE> 声明必须位于HTML 5 文档中的第一行，也就是位于<html> 标签之前。该标签告知浏览
器文档所使用的HTML 规范。
doctype 声明不属于HTML 标签；tag; 它是一条指令，告诉浏览器编写页面所用的标记的版本。
在所有HTML 文档中规定doctype 是非常重要的，这样浏览器就能了解预期的文档类型。
HTML 4.01 中的doctype 需要对DTD 进行引用，因为HTML 4.01 基于SGML。而HTML 5 不基于
SGML，因此不需要对DTD 进行引用，但是需要doctype 来规范浏览器的行为（让浏览器按照它们应该的
方式来运行。）
<html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>html5表单属性</title> <style type="text/css"> p { font-size:20; color:Orange; } </style> </head> <body> <form action="" method="get" autocomplete="on" id="f1"> <p>autocomplete 属性 autocomplete 属性规定form 或input 域应该拥有自动完成功能。 注释：autocomplete 适用于<form> 标签，以及以下类型的<input> 标签：text, search, url, telephone, email, password, datepickers, range 以及color。 当用户在自动完成域中开始输入时，浏览器应该在该域中显示填写的选项：</p> First name: <input type="text" name="fname" /><br /> Last name: <input type="text" name="lname" /><br /> E-mail: <input type="email" name="email" autocomplete="off" /><br /> <p>请填写并提交此表单，然后重载页面，来查看自动完成功能是如何工作的。</p> <p>请注意，表单的自动完成功能是打开的，而e-mail 域是关闭的。</p> <p>autofocus 属性<br /> autofocus 属性规定在页面加载时，域自动地获得焦点。</p> 快到这里来: <input type="text" name="u" autofocus="autofocus" /> 焦点在这里！ <p style="color:red">form 属性 form 属性规定输入域所属的一个或多个表单。 注释：form 属性适用于所有<input> 标签的类型。 form 属性必须引用所属表单的id：</p> <input type="submit" value="提 交" /> <p>表单重写属性<br /> 表单重写属性（form override attributes）允许您重写form 元素的某些属性设定。<br /> 表单重写属性有： <br /> formaction - 重写表单的action 属性<br /> formenctype - 重写表单的enctype 属性<br /> formmethod - 重写表单的method 属性<br /> formnovalidate - 重写表单的novalidate 属性<br /> formtarget - 重写表单的target 属性<br /> 注释：表单重写属性适用于以下类型的<input> 标签：submit 和image。</p> <input type="submit" formaction="html5影像.htm" value="重写表单Action属性转到html5影像" /> <br /> <input type="submit" formnovalidate="true" value="重写提交验证属性（不验证了）" /> <br /> <p>height 和width 属性只适用于image 类型的<input> 标签。</p> <input type="image" src="../images/flower.png" width="88" height="88" /> <p>multiple 属性规定输入域中可选择多个值。注：适用于<input>类型的email,file标签</p> 请选择文件：<input type="file" multiple="multiple" /> <p>novalidate 属性适用于<form> 以及以下类型的<input> 标签：text, search, url, telephone, email, password, date pickers, range 以及color. </p> Url地址（不要验证我）：<input type="url" novalidate="true" /> </form> <p style="color:red">下面的输入域在form 元素之外，但仍然是表单的一部分。</p> 验得到我吗（Email）: <input type="email" name="lname" form="f1" /> 注：如需引用一个以上的表单，请使用空格分隔的列表。<br /><br /> </body> </html>
1 <html xmlns="http://www.w3.org/1999/xhtml"> 2 <head> 3 <title></title> 4 <style type="text/css"> 5 p 6 { 7 font-size:20; 8 color:Orange; 9 } 10 </style> 11 </head> 12 <body> 13 <form action="" > 14 <p>pattern 属性规定用于验证input 域的模式（pattern）。pattern 属性适用于以下类型的<input> 标签：text, search, url, telephone, email 以及password。下面的例子显示了一个只能包含三个字母的文本域（不含数字及特殊字符）：</p> 15 <p>placeholder 属性提供一种提示（hint），描述输入域所期待的值。提示（hint）会在输入域为空时显示出现，会在输入域获得焦点时消失</p> 16 <p>required 属性规定必须在提交之前填写输入域（不能为空）。</p> 17 三个字母: <input type="text" name="c" pattern="[A-z]{3}" title="三个字母" placeholder="请输入三个字母" required="required"/> 18 19 20 <input type="submit" value="提 交" /> 21 </form> 22 </body> 23 </html>