Css 提示“；“必需”；没有显示_Css_Html

Css 提示“；“必需”；没有显示

css html

Css 提示“；“必需”；没有显示,css,html,Css,Html,哪段代码“删除”了关于必填字段的提示在线的离线您的代码可能需要采用某种形式，才能使所需的正常工作代码： <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div class="switch-field"> <form> <input id="

哪段代码“删除”了关于必填字段的提示


在线 的
离线

您的代码可能需要采用某种形式，才能使所需的

正常工作
代码：
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div class="switch-field">
        <form>
            <input id="onlinetak" name="online" type="radio"> <label for="onlinetak">Online</label> <input id="onlinenie" name="online" type="radio"> <label for="onlinenie">Offline</label> <button type="submit">Submit</button>
        </form>
    </div>
</body>
</html>


在线离线提交

jsIDLE-
您的代码可能需要以某种形式存在，才能使所需的正常工作
代码：
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div class="switch-field">
        <form>
            <input id="onlinetak" name="online" type="radio"> <label for="onlinetak">Online</label> <input id="onlinenie" name="online" type="radio"> <label for="onlinenie">Offline</label> <button type="submit">Submit</button>
        </form>
    </div>
</body>
</html>


在线离线提交

Jsfiddle-
首先要修复的是，它不是像Leon所指出的那样，以形式出现的
现在的情况是，CSS正在设计HTML标签的样式，而不是要选择的无线电输入。您将输入设置为display:none
，因此不显示没有输入的相关错误。您需要显示输入并编辑输入本身的样式，以便在没有输入时正确显示错误
编辑：下面是一个代码示例，它将与我所说的内容一起工作

正文{
背景色：#F7FCFF；
}
.QA电台{
-webkit外观：无；
背景色：#e1e1；
边框：4px实心#e1e1；
边界半径：10px；
宽度：100%；
显示：内联块；
位置：相对位置；
宽度：20px；
高度：20px；
}
.QA收音机：已检查{
背景：灰色；
边框：4px实心#e1e1；
}
输入[类型=文本]，文本区域{
-webkit过渡：所有0.30秒都易于输入输出；
-moz转换：所有0.30秒的易入易出；
-ms转换：所有0.30秒均易于输入输出；
-o型过渡：所有0.30秒的缓进缓出；
大纲：无；
填充：3px 0px 3px 3px；
保证金：5px 1px 3px 0px；
边框：1px实心#DDDDDD；
}
输入[类型=文本]：焦点，文本区域：焦点{
盒影：0 0 5pxRGBA（81、203、238、1）；
填充：3px 0px 3px 3px；
保证金：5px 1px 3px 0px；
边框：1px实心rgba（812032381）；
} 
.QA{
字体：正常14px/1直升机；
保证金：1px；
边界半径：10px；
文本对齐：居中；
}
.QA1{
字体：正常14px/1直升机；
边界半径：10px；
文本对齐：左对齐；
}
.QA h2{
字体：普通16px/1直升机；
字体大小：粗体；
颜色：#004E97；
}   
.QA按钮{
文本对齐：居中；
宽度：自动；
背景：#E2F4FE；
字体大小：粗体；
字体大小：14px；
文本阴影：无；
颜色：rgba（0,0,0,0.6）；
边框：1px实心rgba（0,0,0,0.2）；
边界半径：5px；
光标：指针；
填充：6px 14px；
保证金：2倍；
大纲：0；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}
.QA1按钮{
文本对齐：左对齐；
宽度：自动；
背景：#E2F4FE；
字体大小：粗体；
字体大小：14px；
文本阴影：无；
颜色：rgba（0,0,0,0.6）；
边框：1px实心rgba（0,0,0,0.2）；
边界半径：5px；
光标：指针；
填充：6px 14px；
保证金：2倍；
大纲：0；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}
.QA按钮：悬停{
长方体阴影：02px白色，03px#27AE60；背景：C1EEFE；
}
.QA1按钮：悬停{
长方体阴影：02px白色，03px#27AE60；背景：C1EEFE；
}
text区域{
背景色：#FFFFFF；
}
.索引{
z指数：55；
}
.开关场{
字体系列：Helvetica；
填充：10px；
溢出：隐藏；
字体大小：0px；
}
.切换标题{
边缘底部：6px；
}
.开关字段.输入字段{
文本对齐：居中；
显示：内联；
宽度：自动；
背景色：#f2f0；
颜色：rgba（0,0,0,0.6）；
字体大小：14px；
字体大小：粗体；
文本阴影：无；
填充：6px 14px；
边框：1px实心rgba（0,0,0,0.2）；
-webkit盒阴影：插入0 1px 3px rgba（0,0,0,0.3），0 1px rgba（255,255,0.1）；
框阴影：插入0 1px 3px rgba（0,0,0,0.3），0 1px rgba（255,255,0.1）；
-webkit过渡：所有0.3轻松输入输出；
-moz转换：所有0.3秒都易于输入输出；
-ms转换：所有0.3秒轻松输入输出；
-o-过渡：所有0.3秒的缓进-缓出；
过渡：所有0.3秒的缓进缓出；
}
.开关字段标签：悬停{
光标：指针；
}
.开关字段输入：选中+标签{
背景色：#5EA8EE；
-webkit盒阴影：无；
盒影：无；
}
.开关字段。输入字段：类型的第一个{
边界半径：4px 0 0 4px；
}
.开关字段。输入字段：类型的最后一个{
边界半径：0 4px 4px 0；
}
#onlinetak:选中+标签：第一种类型{背景色：#5EA8EE；}
#联机：选中+标签：最后一个类型{背景色：#EE5B5B；}

在线 的
离线
提交
首先要解决的问题是，它不是像Leon所指出的那样，以形式出现
现在的情况是，CSS正在设计HTML标签的样式，而不是要选择的无线电输入。您将输入设置为display:none
，因此不显示没有输入的相关错误。您需要显示输入并编辑输入本身的样式，以便在没有输入时正确显示错误
编辑：下面是一个代码示例，它将与我所说的内容一起工作

正文{
背景色：#F7FCFF；
}
.QA电台{
-webkit外观：无；
背景色：#e1e1；
边框：4px实心#e1e1；
边界半径：10px；
宽度：100%；
显示：内联块；
位置：相对位置；
宽度：20px；
高度：20px；
}
.QA收音机：已检查{
背景：灰色；
边框：4px实心#e1e1；
}
磷化铟