《html5 从入门到精通》读书笔记(二)

it2025-11-06  7

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

一、表单属性  

  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="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"/>

  

 

二、标签详解

标签描述45<!-- -->定义注释。45<!DOCTYPE>定义文档类型。45<a>定义超链接。45<abbr>表示一个缩小形式。45<acronym>定义首字母缩写词。4 <address>定义文档作者或拥有者的联系信息,如果位于article内,表示文章作者或拥有者的联系信息。45<applet>不支持该标签,用<object>代替、4 <area>定义图像映射中的区域。45<article>

定义外部的内容。外部内容可以是外部新闻提供的文章,或来自blog,或论坛亦或是外部源内容。

 5<aside>定义article以外的内容、aside的内容应该与article内容相关。 5<audio>定义声音,比如音乐或其他音频流。 5<b>定义粗体的文本。45<base>为页面上的所有链接规定默认地址或默认目标。必须定义在head元素内部。45

<bdo>

覆盖默认的文本方向,ltr:不变,rtl:英文文字反过来。45<blockquote>定义摘自另一个源的块引用、45<body>定义文档的主体。45<br/>插入简单换行符。45<button>定义按钮。45<canvas>定义图形,比如图标和其他图像。 5<caption>定义表格标题。45<cite>定义引用、45<code>定义计算机代码文本。45<col>为表格中的一个或多个列定义属性值。45<colgroup>定义标的列的组。45<command>定义命令按钮,比如单选按钮、浮选按钮或按钮。 5<datalist>定义选项列表。 5<dd>定义一个定义列表中对项目的描述。45<del>定义文档中已删除的文本。45<details>用于描述文档或文档某个部分的细节。 5<dfn>定义定义项目。45<div>定义文档中的division/section。45<dl>定义一个定义列表。45<dt>定义一个定义列表中的一个项目。45<em>定义强调文本。45<embed>定义嵌入的内容,比如插件。 5<fieldset>可将表单内的相关元素分组。45<figcaption>定义figure元素的标题。 5<figure>用于对元素进行组合。 5<footer>定义section或document的页脚。 5

  

  

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

转载于:https://www.cnblogs.com/tattoo/p/3504075.html

最新回复(0)