《html5 从入门到精通》读书笔记（二）

　　接着上面继续记录笔记，这次要记的知识点比较多。。。记录下我认为比较重要的东西。

一、表单属性　　

　　1.autocomplete属性

　　该属性规定form或input域应该拥有自动完成功能。

<form id="user_form" action="" method="get" autocomplete="on">

    E-mail: <input type="email" name="email" autocomplete="off"/>

</form>

　　2.autofocus属性

　　该属性规定在页面加载时，域自动获得焦点。

Last name: <input type="text" name="lname" autofocus="autofocus" required="required"/>

　　3.form属性

　　该属性规定输入域所属的一个或多个表单。

<form id="user_form">

</form>

<!-- 引用一个或一个以上表单，使用空格分隔列表 -->

Middle name: <input type="text" name="mname" form="user_form"/>

　　4.表单重写属性

　　formaction - 重写表单action属性

　　formenctype - 重写表单的enctype属性

　　formmethod - 重写表单的method属性

　　formnovalidate - 重写表单的novalidate属性

　　formtarget - 重写表单的target属性

<input type="submit" formmethod="post" value="改写post"/>

　　5.height和width属性

　　只适用于image类型的<input>标签

<input type="image" src="data:images/p1.jpg" width="600" height="50"/>

　　6.list属性

　　该属性规定输入的datalist。

<input type="url" list="url_list" name="link"/>

<datalist id="url_list">

    <option label="W3C" value="http://"/>

</datalist>

　　7.min、max和step属性

　　只适应于包含数字或日期的input类型规定限定。

<iunput type="number" name="points" min="0" max="10" step="3"/>

　　8.multiple属性

　　该属性规定输入域中可选择多个值，适用于input标签的email和file类型。

<!-- 选择多个文件 -->

Select images: <input type="file" name="img" multiple="multiple"/>

　　9.novalidate属性

　　该属性规定在提交表单时不应该验证form或input值。

<form id="user_form" action="" method="get" autocomplete="on" novalidate="true">

</form>

　　10.pattern属性

　　该属性规定用于验证input域的模式，即正则表达式。

Country code: <input type="text" name="country_code" pattern="[A-Z]{3}"/>

　　11.placeholder属性

　　该属性提供一种提示，描述输入域所期待的值。提示会在输入域为空时显示出现，会在输入域获得焦点时消失。

Telephone: <input type="telephone" name="tel" placeholder="请输入电话号码"/>

　　12.required属性

　　该属性规定必须在提交之前填写输入域（不能为空）。

Last name: <input type="text" name="lname" autofocus="autofocus" required="required"/>

二、标签详解

标签	描述	4	5
<!-- -->	定义注释。	4	5
<!DOCTYPE>	定义文档类型。	4	5
<a>	定义超链接。	4	5
<abbr>	表示一个缩小形式。	4	5
<acronym>	定义首字母缩写词。	4
<address>	定义文档作者或拥有者的联系信息，如果位于article内，表示文章作者或拥有者的联系信息。	4	5
<applet>	不支持该标签，用<object>代替、	4
<area>	定义图像映射中的区域。	4	5
<article>	定义外部的内容。外部内容可以是外部新闻提供的文章，或来自blog，或论坛亦或是外部源内容。		5
<aside>	定义article以外的内容、aside的内容应该与article内容相关。		5
<audio>	定义声音，比如音乐或其他音频流。		5
<b>	定义粗体的文本。	4	5
<base>	为页面上的所有链接规定默认地址或默认目标。必须定义在head元素内部。	4	5
<bdo>	覆盖默认的文本方向，ltr：不变，rtl：英文文字反过来。	4	5
<blockquote>	定义摘自另一个源的块引用、	4	5
<body>	定义文档的主体。	4	5
<br/>	插入简单换行符。	4	5
<button>	定义按钮。	4	5
<canvas>	定义图形，比如图标和其他图像。		5
<caption>	定义表格标题。	4	5
<cite>	定义引用、	4	5
<code>	定义计算机代码文本。	4	5
<col>	为表格中的一个或多个列定义属性值。	4	5
<colgroup>	定义标的列的组。	4	5
<command>	定义命令按钮，比如单选按钮、浮选按钮或按钮。		5
<datalist>	定义选项列表。		5
<dd>	定义一个定义列表中对项目的描述。	4	5
<del>	定义文档中已删除的文本。	4	5
<details>	用于描述文档或文档某个部分的细节。		5
<dfn>	定义定义项目。	4	5
<div>	定义文档中的division/section。	4	5
<dl>	定义一个定义列表。	4	5
<dt>	定义一个定义列表中的一个项目。	4	5
<em>	定义强调文本。	4	5
<embed>	定义嵌入的内容，比如插件。		5
<fieldset>	可将表单内的相关元素分组。	4	5
<figcaption>	定义figure元素的标题。		5
<figure>	用于对元素进行组合。		5
<footer>	定义section或document的页脚。		5

很多标签都来了，对这些标签的用法还有很多疑问。打算下次用html5制作一个页面，尽量兼容多点浏览器。

巴特西

《html5 从入门到精通》读书笔记（二）

一、表单属性

二、标签详解

最新文章

热门文章