如何使用HTML指定计算绑定到的表单元素？

HTML 的 label 标签允许我们点击标签，这将被视为点击相应的输入类型。HTML 可以接受几种输入类型，例如单选按钮或复选框。for 属性指定标签绑定的表单元素。

语法

<label for="element_id"> Label Content </label>

以下是一些示例……

示例

在下面的示例中，如果我们点击“学生”，相应的单选按钮将被选中，从而扩大选择区域。这是通过 for 属性实现的。

<!DOCTYPE html>
<html>
<body>
   <h1>Click On Labels To Select Radio Button</h1>
   <form>
      <label for="Student">Student</label>
      <input type="radio" name="Category" id="Student" value="Student" />
      <br />
      <label for="WorkingProfessional">
         Working Professional
      </label>
      <input
         type="radio"
         name="Category"
         id="WorkingProfessional"
         value="WorkingProfessional"/>
      <br />
      <label for="Retired">Retired</label>
      <input type="radio" name="Category"
      id="Retired" value="Retired" />
      <br />
      <br />
      <input type="submit" value="Submit" />
   </form>
</body>
</html>

输出

当脚本执行时，窗口将在浏览器中打开，其中包含不同的标签，每个标签前面都有一个单选按钮，以便在选中时扩大其选择区域。

示例

另一个使用 for 属性的示例如下所示：

<!DOCTYPE html>
<html>
<body>
   <p>Education:</p>
   <form action="">
      <label for = "graduate">Graduate</label>
      <input type = "radio" name = "education" id = "graduate" value = "graduate"><br>
      <label for = "ugraduate">Under-graduate</label>
      <input type = "radio" name = "education" id = "ugraduate" value = "ugraduate"><br>
      <input type = "submit" value = "Submit">
   </form>
</body>
</html>

输出

执行上面的脚本后，获得的输出如下：

更新于：2022年9月5日

117 次浏览

启动你的职业生涯

完成课程获得认证

开始学习
广告