HTML5: Как указать одну или несколько форм, к которым принадлежит метка?

Последнее обновление: 01 декабря 2018 г. 10:39:57 (UTC / GMT +8 часов)

script1adsense2code

script1adsense3code

Решение:

HTML-код:

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title> How to specify one or more forms the label belongs to </title>
</head>
<body>
<p>The label for the first radio button is outside the form, but still a part of the form.
Try clicking the text label to toggle the yes radio button.</p>
<form method="post"  action="/html-css-exercise/basic/solution/label-answer-demo.php" id="form1">
  <input type="radio" name="answer"  value="yes"checked><br>
  <label for="no">No</label>
  <input type="radio" name="answer"  value="no"><br><br>
  <input type="submit" value="Submit">
</form>
<label for="yes"> 
<form="form1">Yes</label>
</body>
</html>

Демонстрация в реальном времени:

См. Pen label-form-answer от w3resource ( @ w3resource ) в CodePen .

Посмотреть решение в браузере

Поддерживаемый браузер