问答详情
源自：6-1 使用表单标签，与用户交互 - 使用<form>创建表单

用label有什么优势吗，直接这样不就行了

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>表单标签</title>

</head>

<body>

    <form method="post" action="save.php">

        用户名：<input type="text" name="username" placeholder="请输入账号" />

        密码：<input type="password" name="pass" placeholder="请输入密码" />

        <input type="submit" value="确定" name="submit" />

        <input type="reset" value="重置" name="reset" />

    </form>

</body>

</html>


提问者：qq_慕仙3273956 2020-06-14 18:45

个回答

  • 慕的地7636881
    2020-07-02 11:38:17

    label作用：


        1. <label>标签的 for 和<input>标签的 id 关联，点击 label 的时候可以选中 input。

        2. 语义化，通常用来做 <input> 标签的内容标记。


    示例：

    <form>
    <label for="man">男人</label>            // 用了label，点击 男人 同时会选中复选框
    <input type="checkbox" id="man" />       // (type="checkbox" 是表示input类型是复选框)
    
    女人<input type="checkbox" id="woman">   // 不用label，点击 女人 不会选中复选框
</form>


    5
  • 慕田峪3427533
    2020-06-17 18:29:29

    你的提问很好，我也想得到最好的答案?

    1
  • Ottff
    2020-06-15 10:08:53

    <form method="post" action="save.php">

            <label for:name>用户名：</label>

            <input type="text" name="username" placeholder="请输入账号"  id="name"/>

    用了label  同时给input一个ID属性 可以让你在界面点击用户名的时候 跳转到用户名输入框里 方便用户操作吧   


    0
  • qq_殘觉_mxEGVZ
    2020-06-15 10:07:36

    label的文字点击就会直接打开输入框，不用点击输入框这样子的

    2