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

posted @ 2019-04-26 00:33  米兰的小铁將  阅读(433)  评论(0)  编辑  收藏  举报