html页面中的单选框功能是怎么操作实现的?(示例)
程序员文章站
2022-04-26 08:16:57
...
我们在网站建设过程中,有的网站内容需要设计一些调查类的表单,那么选择框的设计是并不可少的,既然有选择项就存在单选或者多选的问题。所以本篇文章就给大家主要介绍关于html如何确定单选框的相关问题。
1.html单选框性别选择示例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>html单选联动示例</title> </head> <body> 您的性别: <input type="radio" name="activity" value="男">男 <input type="radio" name="activity" value="女" >女 <br/> <br/><br/> </body> </html>
效果如下图:
以上就是html单选按钮选择性别的示例。
2.html单选并默认一个值示例如下:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> 你是否喜欢旅游? <input type="radio" name="activity" value="喜欢" checked="checked">喜欢 <input type="radio" name="activity" value="不喜欢" >不喜欢 <input type="radio" name="activity" value="随便" >随便 <br/> <br/><br/> </body> </html>
效果如下图:
以上就是html单选并默认一个值的示例,这里可以发现与上述代码示例1 是有一个显著的区别,checked属性。
checked 属性就是规定在页面加载时应该被预先选定的 input 元素。 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。也可以在页面加载后,通过 JavaScript 代码进行设置。
那么本篇文章就html如何确定单选框的相关问题进行了介绍,有一定的参考价值,希望对有需要的朋友有所帮助。
以上就是html页面中的单选框功能是怎么操作实现的?(示例)的详细内容,更多请关注其它相关文章!
推荐阅读
-
在vue中实现某一些路由页面隐藏导航栏的功能操作
-
vue.js实现数据库的JSON数据输出渲染到html页面功能示例
-
html5中sharedWorker实现多页面通信的示例代码
-
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
-
JavaScript实现获取远程的html到当前页面中的示例代码分享
-
typecho 后台设置启用地址重写功能,在不同的服务器中是怎么实现的?
-
typecho 后台设置启用地址重写功能,在不同的服务器中是怎么实现的?
-
这样的新浪微博分享功能是怎么实现的?_html/css_WEB-ITnose
-
CSDN的隐藏侧边栏功能是怎么实现的?_html/css_WEB-ITnose
-
CSDN的隐藏侧边栏功能是怎么实现的?_html/css_WEB-ITnose