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

来源:6-1 使用表单标签,与用户交互 - 使用<form>创建表单

qq_慕仙3273956

2020-06-14 18:45

<!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>


写回答 关注

4回答

  • 慕的地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>


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

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

  • 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属性 可以让你在界面点击用户名的时候 跳转到用户名输入框里 方便用户操作吧   


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

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

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225806 学习 · 18234 问题

查看课程

相似问题