百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> html页面中的单选框功能是怎么操纵实现的?(示例)
分享文章到:

html页面中的单选框功能是怎么操纵实现的?(示例)

发布时间:09/01 来源:未知 浏览: 关键词:
我们在网站建设历程中,有的网站内容需要设计一些观察类的表单,那么选中框的设计是并不成少的,既然有选中项就存在单选或者多选的问题。所以本篇文章就给大家主要介绍关于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>

结果如下图:

ba95714404ee4aefe1a97dead047050.png

以上就是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>

结果如下图:

e7d0e1c3a98fef190ddf82a2ddb30ad.png

以上就是html单选并默许一个值的示例,这里可以发明与上述代码示例1 是有一个显著的不同,checked属性。

checked 属性就是规定在页面加载时应当被预先选定的 input 元素。 与 <input type="checkbox"> 或 <input type="radio"> 配合使用。也可以在页面加载后,通过 JavaScript 代码停止设定。

那么本篇文章就html怎样肯定单选框的相关问题停止了介绍,有必然的参照 价值,但愿对有需要的伴侣有所帮忙。

以上就是html页面中的单选框功效是如何操纵实现的?(示例)的具体内容,更多请关注百分百源码网其它相关文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有153人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板