在线运行代码 - 菜鸟教程

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>菜鸟教程(cainiaoplay.com)</title> 
</head>
<body>

<p>第一个单选按钮在表单之外,但它仍属于该表单的一部分。尝试点击文本标签切换单选按钮。</p>

<form action="demo_form.php.html" id="form1">
  <input type="radio" name="sex" id="male" value="male"><br>
  <label for="female">Female</label>
  <input type="radio" name="sex" id="female" value="female"><br><br>
  <input type="submit" value="提交">
</form>

<label for="male" form="form1">Male</label>

</body>
</html>
源代码

动行结果
