关于<label>

来源:7-1 JS对表单元素进行设置1

无限精彩

2019-08-18 16:51:16

老师,<label>是什么意思,和<h1><p><title>的使用效果上有什么区别

写回答

1回答

芝芝兰兰

2019-08-18

同学你好。

1、<label>标签和<h1> <p>都可以包裹文本,方便CSS、JSd等利用选择器绑定效果。

<h1>是一级标题的效果(也就是自带CSS样式)

<p>就是段落,p 元素会自动在其前后创建一些空白(折行),用几个<p>标签可以将一大段文字显示出分段的效果。

2、label 元素没有CSS效果。不过,当一个label紧跟一个input时,在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。例如:

<html>
<body>

<p>请点击文本标记之一,就可以触发相关控件:</p>

<form>
<label for="male">Male</label>
<input type="radio" name="sex" id="male" />
<br />
<label for="female">Female</label>
<input type="radio" name="sex" id="female" />
</form>

</body>
</html>

3、<title> 和他们不一样,是 <head> 标签中唯一要求包含的东西。是页面必须的元素。

<title> 元素可定义文档的标题。浏览器会以特殊的方式来使用标题,并且通常把它放置在浏览器窗口的标题栏或状态栏上。同样,当把文档加入用户的链接列表或者收藏夹或书签列表时,标题将成为该文档链接的默认名称。

如果解答了同学的疑问,望采纳~

祝学习愉快~

0

0 学习 · 9666 问题

查看课程