HTML单选钮是一种常用的互动元素,允许用户在一系列预定义的选项中选择一个。
<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female">女
上面的代码展示了一个非常基本的HTML单选钮的示例。它由一个input元素组成,该元素的类型被设置为"radio",这意味着它是一个单选钮。 name属性为"gender",这是为了确保每一组单选钮归类。此外,每个单选钮都有自己的value值和展示文本,用户只能选择其中一个。
在这个例子中,用户可以选择性别,只能选男或女,不能同时选两个。
HTML单选钮还有许多其他的属性可以使用,例如checked属性可以指示单选钮是否默认选中,disabled属性可以禁用单选钮,onClick属性可以设置选中一个单选钮时要运行的JavaScript函数。
<input type="radio" name="gender" value="male">男 <input type="radio" name="gender" value="female" checked>女
在上面这个示例中,女性的单选钮是已经默认选中的,这意味着当这个表单首次加载时,这个选项将自动选中。
总之,HTML单选钮是一种非常有用的互动元素,允许用户在多个选项中进行选择。HTML单选钮的代码非常简单,可以轻松地添加到网页中。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。