整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

HTML <label> 标签

带有两个输入字段和相关标记的简单 HTML 表单:

<form action="demo_form.asp">

<label for="male">Male</label>

<input type="radio" name="sex" id="male" value="male"><br>

<label for="female">Female</label>

<input type="radio" name="sex" id="female" value="female"><br>

<input type="submit" value="提交">

</form>


浏览器支持

目前大多数浏览器支持 <label> 标签。


标签定义及使用说明

<label> 标签为 input 元素定义标注(标记)。

label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label> 标签的 for 属性应当与相关元素的 id 属性相同。


提示和注释

提示:"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。


HTML 4.01 与 HTML5之间的差异

"form" 属性是 HTML5 的新属性。


属性

New:HTML5 新属性。

属性描述
forelement_id规定 label 与哪个表单元素绑定。
formNewform_id规定 label 字段所属的一个或多个表单。

全局属性

<label> 标签支持全局属性,查看完整属性表 HTML全局属性。


事件属性

<label> 标签支持所有 HTML事件属性。

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

列表是一个接一个显示条目的首选方式,而不是使用<br>标记。完整的列表定义包括开始和结束标记,以及表示列表中每个条目的标记。

有三种类型的列表:有序列表、无序列表和定义列表。

无序列表

无序列表是一个带条目符号的列表,类似于菜单。

无序列表 - <ul> ... </ul>

ul标记定义无序列表的开始和结束,列表项包含在ul标记中。

无序列表项 - <li> ... </li>

li标记添加每个条目的文本,每个列表项必须有自己的li标记。

符号类型 <ul type="disc | circle | square">

默认情况下,浏览器将显示圆形条目符号。这可以通过使用ul标记的type属性来更改,这将更改整个列表的条目符号类型。

条目符号类型 <li type="?">

通过设置li标记的type属性,可以为列表中的某个条目设置不同的符号类型。

例子

以下是无序列表的示例:

浏览器显示内容如下所示:

lt;hr>:画一条直线

1.<h1></h1>~<h6></h6>

2.<meta>标签

(1)描述文档类型和字符编码

(2)提供搜索关键字和内容描述信息,方便搜索引擎的搜索

例:<head>

<meta name= "keywords" content= "淘宝,网上购物,在线交易,交易市场" />

<meta name= "description" content= "淘宝网-亚洲最大、最安全的网上交易

平台,提供各类服饰、美容、家居、数码、……" />

</head>

3.HTML标签分类(方便后续的布局设计):

块级标签:显示为“块”状,前后隔一行

行级标签:按行逐一显示

分类好处:方便后续的布局设计

4.有序列表标签:ol li

5.无序列表标签:ul li

6.定义描述标签:dt是块状标签,所以常用于图文混编的布局场合

<dl>

<dt>标题</dt>

<dd>描述1</dd>

……

</dl>

7.表单form,一般和table一起使用:

<form>

<table>

<tr>

<td>...</td>

<td>...</td>

</tr>

.....

</table>

</form>

8.请说出实际开发常用的4种块状结构是什么?

(1).div-ui(ol)-li:常用于分类导航栏或者菜单等

(2).div-dl-dt-dd:常用于图文混编场合

(3).table-tr-td:常用于图文布局或显示数据

(4).form-table-tr-td:常用于布局表单,登录,注册……

9.图像标签:

<img src="图片地址" alt="提示文字" title="提示文字"/>

alt:当图片刷新不出来显示这个文字

title:鼠标放在图片上显示的文字

10.链接标签

<a herf="链接地址">登录</a>

11.特殊符号:

空格:

大于:>1、因为<、>等符号在HTML中已使用,所以必须用其他符号来代替,都以分号结束(;)

小于:<

引号:&quot

版本号:©

12.各种功能表单元素

会持续更新哦!免费学习资源。