例
带有两个输入字段和相关标记的简单 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 新属性。
属性 | 值 | 描述 |
---|---|---|
for | element_id | 规定 label 与哪个表单元素绑定。 |
formNew | form_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中已使用,所以必须用其他符号来代替,都以分号结束(;)
小于:<
引号:"
版本号:©
12.各种功能表单元素
会持续更新哦!免费学习资源。
*请认真填写需求信息,我们会在24小时内与您取得联系。