<form> <p> <input type="radio" name="gender" value="male"> Male<br> <input type="radio" name="gender" value="female"> Female </p> </form>
标签中,以确保它们显示在同一行上。 一个更复杂的例子,我们可以创建包含多个选项的单选框组。我们可以为每个单选框定义一个值,并使用标签来为其提供文本说明。以下是一段代码,创建了一个由三个单选按钮组成的单选框组: <form> <p> <input type="radio" name="color" value="Red"> <label>Red</label><br> <input type="radio" name="color" value="Green"> <label>Green</label><br> <input type="radio" name="color" value="Blue"> <label>Blue</label> </p> </form> 上面的代码展示了一个包含三个选项的单选框组。使用标签让每个选项更加可读,同时使用标签确保每个选项单独占一行,方便用户进行选择。 以上是HTML单选框代码的基本写法,如果您想要添加更多的选项或提高表单的交互体验,可以进一步学习和探索其他相关的HTML表单元素和标签。
<form> <p> <input type="radio" name="color" value="Red"> <label>Red</label><br> <input type="radio" name="color" value="Green"> <label>Green</label><br> <input type="radio" name="color" value="Blue"> <label>Blue</label> </p> </form>