Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/ionic-framework/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Html CSS表单不显示单选按钮_Javascript_Html_Css_Radio Button - Fatal编程技术网

Javascript Html CSS表单不显示单选按钮

Javascript Html CSS表单不显示单选按钮,javascript,html,css,radio-button,Javascript,Html,Css,Radio Button,我想创建一个注册表。我把HTML单选按钮代码,但它没有显示单选按钮。 我在google chrome开发者工具中使用了“inspect元素”,但无法解决这个问题 我强调了容易出错的区域。休息区工作正常 给出了项目代码。我是前端新手,请帮忙 $('.form').find('input').on('keyup blur focus',函数(e){ 变量$this=$(this), label=$this.prev('label'); 如果(e.type==='keyup'){ 如果($this.

我想创建一个注册表。我把HTML单选按钮代码,但它没有显示单选按钮。 我在google chrome开发者工具中使用了“inspect元素”,但无法解决这个问题

我强调了容易出错的区域。休息区工作正常

给出了项目代码。我是前端新手,请帮忙

$('.form').find('input').on('keyup blur focus',函数(e){
变量$this=$(this),
label=$this.prev('label');
如果(e.type==='keyup'){
如果($this.val()==''){
label.removeClass(“活动突出显示”);
}否则{
label.addClass(“活动突出显示”);
}
}else if(e.type==='blur'){
如果($this.val()==''){
label.removeClass(“活动突出显示”);
}否则{
label.removeClass('highlight');
}
}else if(e.type==='focus'){
如果($this.val()==''){
label.removeClass('highlight');
}else if($this.val()!=''){
label.addClass('highlight');
}
}
});
$('tab a')。在('click',函数(e)上{
e、 预防默认值();
$(this.parent().addClass('active');
$(this.parent().sides().removeClass('active');
target=$(this.attr('href');
$('.tab content>div').not(target.hide();
美元(目标).fadeIn(600);
});
*{
框大小:边框框;
边际:0px;
填充:0px;
}
身体{
背景:url(../background.jpg);
/*字体系列:“titilliumweb”,无衬线*/
字体系列:“Roboto”,无衬线;
背景尺寸:封面;
}
.用户{
宽度:80px;
高度:80px;
边界半径:50%;
位置:相对位置;
顶部:-10px;
左:计算(50%-50px);
右:-170px;
}
a{
文字装饰:无;
颜色:rgb(39153219);
过渡:放松;
}
a:悬停{
颜色:#179b77;
}
.表格{
填充:40px;
最大宽度:500px;
利润率:40px自动;
边界半径:4px;
盒影:0 4px 10px 4px rgba(19,35,47,0.3);
过渡:放松;
位置:相对位置;
}
.表格:悬停{
盒子阴影:0px 0px 40px 16px rgba(18,18,18,1.00);
}
.选项卡组{
列表样式:无;
填充:0;
利润率:0.5px20px0;
}
.选项卡组:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.选项卡组LIA{
显示:块;
文字装饰:无;
填充:15px;
背景:#0C0E67;
颜色:#fff;
字体大小:20px;
浮动:左;
宽度:50%;
文本对齐:居中;
光标:指针;
过渡:放松;
}
.选项卡组li a:悬停{
背景:#0C0E67;
颜色:#ffffff;
}
.选项卡组.活动a{
背景:1316FA;
颜色:#ffffff;
}
.tab内容>分区:最后一个子项{
显示:无;
}
h1{
文本对齐:居中;
颜色:#fff;
字体大小:300;
利润率:0.40px;
}
/*标签{
位置:绝对位置;
变换:translateY(6px);
左:13px;
颜色:rgba(255255,0.7);
过渡:所有0.25秒缓解;
指针事件:无;
字体大小:22px;
}
label.req{
保证金:2倍;
颜色:红色;
}*/
label.active{
变换:translateY(50px);
左:2px;
字体大小:0px;
}
label.active.req{
不透明度:0;
}
label.highlight{
颜色:#000;
利润上限:-10px;
}
输入{
字号:18px;
显示:块;
宽度:100%;
身高:100%;
填充物:1px 3px;
背景图像:无;
边框:1px实心#fff;
颜色:#fff;
边界半径:0;
过渡:边框颜色。25秒轻松,方框阴影。25秒轻松;
}
输入:焦点{
大纲:0;
边框颜色:#000;
}
.字段换行输入{
左侧填充:40px;
}
.野外考察一{
位置:绝对位置;
左:0;
顶部:-5px;
填充:9px 8px;
颜色:银色;
}
.野外包裹{
位置:相对位置;
边缘底部:30px;
}
.第一排:之后{
内容:“;
显示:表格;
明确:两者皆有;
}
.顶行>分区{
浮动:左;
宽度:48%;
保证金权利:4%;
}
.顶行>div:最后一个子项{
保证金:0;
}
#sp1{}
.按钮{
边界:0;
大纲:无;
边界半径:20px;
填充物:5px 5px;
字号:2rem;
字体大小:50rem;
文本转换:大写;
字母间距:.1米;
背景:rgb(54,57,221);
颜色:#ffffff;
过渡:所有0.5s缓解;
}
.按钮:悬停,
.按钮:焦点{
背景:1316FA;
}
.按钮块{
显示:块;
宽度:100%;
}
.忘了{
利润上限:-20px;
文本对齐:右对齐;
边缘底部:10px;
}
fieldset.date{
保证金:0;
填充:0;
左侧填充:20px;
垫底:5em;
显示:块;
边界:无;
}
fieldset.date图例{
保证金:0;
填充:0;
边缘顶部:.25em;
字体大小:100%;
}
fieldset.date标签{
位置:绝对位置;
顶部:-20em;
左:-200em;
}
fieldset.date选择{
保证金:0;
填充:0;
字体大小:100%;
显示:内联;
}

注册/登入表格
性别
男性 女性 生日 月 一月 二月 前进 四月 也许 六月 七月 八月 九月 十月 十一月 十二月 - 白天 1. 2. 3. 4. 5. 6. 7. 8. 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 - 年
<label for="myRadioBtn">
  <input type="radio" name="myRadioBtn />
  <span>Label Text</span>
</label>