<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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。