form表单提交单选框里面的radio单选框在手机显示下，怎么调他的大小

来源：蜘蛛抓取(WebSpider) 时间：2017-09-17 02:19 标签： html表单单选框
表单里面的radio单选框在手机显示下，怎么调他的大小？或者更改他选中后的样式_百度知道
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。
表单里面的radio单选框在手机显示下，怎么调他的大小？或者更改他选中后的样式
在电脑端怎么我知道是调整width和hight，但这个方法在手机页面没效果，所以我想改下他选中后的样式或者谁知道怎么调整它的大小
我有更好的答案
# background-color:&#fff:border-}input[type=radio]样式美化吧:after&{ content:&&&;& background-color:& border:&0; &&line-height:&14&nbsp:&nbsp.input[type=radio]&{ display:&inline-16&&color:&#fff:&20 height:&2020 height:&20px:checked,0.:&nbsp:matrix(-0..766044;; transform..766044; -webkit- line-height:&20px,0,0); -webkit- border:&nbsp! 0&...:&font- box- color:&#d8d8d8;}input[type=radio]:&nbsp:matrix(-0:after&{ content:&&L&quot:& border-radius:&50%;&&text-3px&solid& display: width:& vertical-align
采纳率：63%
来自团队：
为您推荐：
其他类似问题
单选框的相关知识
等待您来回答先来看一下html表单页面源码：
&TITLE&php 表单提交实例之radio单选框&/TITLE&
&FORM ACTION="SelectFormControlHandler.php" METHOD="POST"&
What's your most favorite kind of candy?&BR&
&INPUT TYPE="radio" NAME="Candy" VALUE="peanut butter cups"&Peanut butter cups&BR&
&INPUT TYPE="radio" NAME="Candy" VALUE="Snickers"&Snickers&BR&
&INPUT TYPE="radio" NAME="Candy" VALUE="Turtles"&Turtles&BR&
&INPUT TYPE="submit"&
从代码可以看出，该表单使用post方式提交，并且表单中有三个radio单选框，而且这三个radio单选框的name属性必须设置为相同的值Candy，否则他们将不是同一组单选框了。
下面看一下PHP服务器端代码：
SelectFormControlHandler.php
&TITLE&php 表单提交实例之radio单选框&/TITLE&
$Candy=$_POST['Candy'];
Yum, &?php print("$Candy!
if($Candy == "peanut butter cups"){
print("peanut butter cups");
print(" $Candy.");
print("$Candy");
if($Candy == "Snickers"){
print("Snickers");
}elseif($Candy == "Turtles"){
print("Turtles");
因为表单是以post方式提交，所以获取radio单选框的值必须使用$_POST['Candy']，通过$_POST['Candy']的值，我们实现输出不同的字符串。
php 表单radio单选框总结：
一组radio单选框的name属性值必须设置为相同
服务器端获取radio单选框的值与其他表单元素一样，使用$_POST或者$_GET
原文地址：
php知识点必读问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
默认radio的样式为：
怎么改为图片替代，并能获取选中的值
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
苏生兄你标签选的 jQuery，那么我就用 jQuery 尝试实现下这个效果，因为 jQuery 学得不深，因此不一定是最佳方案，背景图直接从网上找到。:)
先把 HTML 码好：
&input type="radio" id="nba" checked="checked" name="sport" value="nba"&
&label name="nba" class="checked" for="nba"&NBA&/label&
&input type="radio" id="cba" name="sport" value="cba"&
&label name="cba" for="cba"&CBA&/label&
接着是 CSS:
input[type="radio"] {
margin: 3px 3px 0px 5
padding-left: 20
background: url(bg.gif) no-
label.checked {
background-position:
再就是 jQuery 代码了：
$(function() {
$('label').click(function(){
var radioId = $(this).attr('name');
$('label').removeAttr('class') && $(this).attr('class', 'checked');
$('input[type="radio"]').removeAttr('checked') && $('#' + radioId).attr('checked', 'checked');
效果如下：
点击 CBA 后：
背景图 bg.gif 一并上传如下：
刚看到你的问题中还有一个取得选中的单选按钮的值，这个不难取得：
$('input[type="radio"]:checked').attr('value')
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
参考Semantic UI的方案
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
的答案也是目前我项目里正在用的方案，自定义radio及checkbox的样式。
可以用纯css实现样式而不需要图片。
详细见这里
答案对人有帮助，有参考价值
答案没帮助，是错误的答案，答非所问
直接用css3 兄弟选择器就能搞定，用什么js
该答案已被忽略，原因：
同步到新浪微博
分享到微博？
Hi，欢迎来到 SegmentFault 技术社区！⊙▽⊙ 在这里，你可以提出编程相关的疑惑，关注感兴趣的问题，对认可的回答投赞同票；大家会帮你解决编程的问题，和你探讨技术更新，为你的回答投上赞同票。
明天提醒我
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：

我要回帖

更多关于 html表单单选框 的文章

 

随机推荐