{site_name}

{site_name}

🌜 搜索

HTML标签"label"用于定义表单控件的标签

前端 𝄐 0
html label for属性,html label标签怎么用,html label文字垂直居中,html label标签属性,html label 换行,html label属性
HTML标签"label"用于定义表单控件的标签。它通常与input元素配合使用,提供更好的用户体验和可访问性,因为用户可以点击标签来选择相应的输入控件。

以下是"label"标签的基本语法:


<label for="input_id">Label Text</label>


其中,for属性指定与该标签相关联的输入控件的ID。当用户点击标签时,关联的输入控件就会聚焦(focus)。

下面是一个简单的例子,展示如何使用"label"标签来创建一个登录表单:

html
<form>
<div>
<label for="username">Username:</label>
<input type="text" id="username" name="username">
</div>
<div>
<label for="password">Password:</label>
<input type="password" id="password" name="password">
</div>
<button type="submit">Login</button>
</form>


在上述例子中,每个输入控件都有一个相关联的"label"标签,这样用户就能够方便地知道每个输入控件所代表的内容,并且能够通过点击标签来聚焦到对应的输入控件。