【问题标题】:How to indicate a class in HTML label tag如何在 HTML 标签标签中指示一个类
【发布时间】:2021-06-10 13:19:13
【问题描述】:

这里有一些代码可以理解这个问题。

<body>
    <h2>This is form tutorial.</h2>
    <form action="backend.php">
        <label for="name">Name:</label>
        <div>
            <input type="text" name="myName" id="name">
        </div>
    </form>
</body>

所以我的问题是在&lt;label for="name"&gt;Name:&lt;/label&gt; 行中,for="name" 行表示标签Name: 转到div,其ID 为name,但是否可以使用标签标签会去指定类的所有类

【问题讨论】:

    标签: html class label indicator


    【解决方案1】:

    HTML 无法使用类将标签与元素关联起来。

    标签旨在标记单个表单控件。

    ID 标识一个单个元素。

    一个类将多个元素组合在一起。

    标签使用 ID 进行关联是有意义的,但使用类则没有意义。

    如果您想使用“标签”对多个表单控件进行分组,请改用带有图例的字段集。

    <fieldset>
        <legend>Name</legend>
        <input name="given-name" id="given-name"> <label for="given-name">Given name</label> 
        <br>
        <input name="family-name" id="family-name"> <label for="family-name">Family name</label> 
    </fieldset>
    

    (虽然我在这个例子中使用了名字,但这有点做作,你应该在做任何涉及他们的事情之前be aware of some of the issues programmers have dealing with names)。

    【讨论】:

    • 好的,所以只能有一个具有特定名称的 id,但可以有多个具有相同名称的类,是这样吗?
    • 是的。 ID 必须在文档中是唯一的。
    • 如果我保留两个同名的 id 会出错
    • 如果你使用验证工具,你会的。浏览器不会抛出错误,因为它们旨在安静地处理糟糕的 HTML。但是,您可能会遇到意想不到的行为,但事情并没有按照您预期的方式工作。
    猜你喜欢
    • 2013-04-23
    • 1970-01-01
    • 2023-01-24
    • 2020-03-04
    • 1970-01-01
    • 2019-10-17
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多