8、html的body内标签之fieldset标签和label标签

一、label标签

<label> 标签为 input 元素定义标签(label)。
label 元素不会向用户呈现任何特殊的样式。不过,它为鼠标用户改善了可用性,因为如果用户点击 label 元素内的文本,则会切换到控件本身。
<label> 标签的 for 属性应该等于相关元素的 id 元素,以便将它们捆绑起来。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <label for="username">用户名:</label>
    <input id="username" type="text" name="user" />
</body>
</html>


#for="username":for属性和input标签的id属性关联起来,点击“用户名”三个字,也会切换到输入框里;

image

二、fieldset

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

    <fieldset>
        <legend>登录</legend>
        <label for="username">用户名:</label>
        <input id="username" type="text" name="user" />
    </fieldset>
</body>
</html>


#此标签不知道怎么描述,看图吧

image

原文地址:https://www.cnblogs.com/weiyiming007/p/10772027.html