html单选联动示例　　　　　　您的性别：　　" /> 　　html单选联动示例　　　　　　您的性别：　　" /> 　　html单选联动示例　　　　　　您的性别：　　" />

首页 / 知识

html页面中的单选框功能是怎么操作实现的？

2023-04-11 15:20:00

　　1.html单选框性别选择示例如下：
 
　　<!DOCTYPEhtml>
 
　　<html>
 
　　<head>
 
　　<metacharset="UTF-8">
 
　　<title>html单选联动示例</title>
 
　　</head>
 
　　<body>
 
　　您的性别：
 
　　<inputtype="radio"name="activity"value="男">男
 
　　<inputtype="radio"name="activity"value="女">女
 
　　<br/><br/><br/>
 
　　</body>
 
　　</html>
 
　　效果如下图：
 
　　ba95714404ee4aefe1a97dead047050.webp
 
　　以上就是html单选按钮选择性别的示例。
 
　　2.html单选并默认一个值示例如下：
 
　　<!DOCTYPEhtml>
 
　　<html>
 
　　<head>
 
　　<metacharset="UTF-8">
 
　　<title></title>
 
　　</head>
 
　　<body>
 
　　你是否喜欢旅游？
 
　　<inputtype="radio"name="activity"value="喜欢"checked="checked">喜欢
 
　　<inputtype="radio"name="activity"value="不喜欢">不喜欢
 
　　<inputtype="radio"name="activity"value="随便">随便
 
　　<br/><br/><br/>
 
　　</body>
 
　　</html>
 
　　效果如下图：
 
　　e7d0e1c3a98fef190ddf82a2ddb30ad.webp
 
　　以上就是html单选并默认一个值的示例，这里可以发现与上述代码示例1是有一个显著的区别，checked属性。
 
　　checked属性就是规定在页面加载时应该被预先选定的input元素。与<inputtype="checkbox">或<inputtype="radio">配合使用。也可以在页面加载后，通过JavaScript代码进行设置。
 
　　那么本篇文章就html如何确定单选框的相关问题进行了介绍，有一定的参考价值，希望对有需要的朋友有所帮助。





本文转载自中文网

操作单选单选框选择页面功能

最新内容

相关内容

热门文章

推荐文章

标签云

猜你喜欢

计算客

扫码手机访问

公益性知识科普性站点，所涵盖的内容、图片等数据系，部分原创内容未能与原作者取得联系。

若涉及版权问题，请联系（kkyves#163.com / wechat: jisuanke2022），我们第一时间进行删除/修改！
Copyright © 计算客 @2023 jsk.cc 蜀ICP备2023033106号-2 计算客 · 开发知识