html中对复选框验证,验证HTML中的复选框

为了能够检查多个输入，它们必须是复选框。 (他们可以是具有不同名称的单选按钮，但是一旦检查，您将无法取消选中它们。)

所以使用复选框，只有当选中了提交按钮时才使用general sibling selector(〜)：

input[type="Submit"] {

display: none;

}

input:checked ~ input[type="Submit"] {

display: inline;

}

First

Second

Third

Fourth

如果您想要禁用提交按钮的外观，请添加禁用的第二个按钮。

当没有单击输入时，仅显示已禁用的提交按钮。单击一个或多个输入时，仅显示启用的提交按钮：

input[type="Submit"]:not([disabled]) {

display: none;

}

input:checked ~ input[type="Submit"]:not([disabled]) {

display: inline;

}

input:checked ~ input[disabled] {

display: none;

}

First

Second

Third

Fourth

html中对复选框验证,验证HTML中的复选框相关推荐

在reader中勾选pdf复选框_绝对可勾选的在WORD 2003中加入复选框的方法
绝对可勾选的在 word 2003 中加入复选框的方法方法一: 要在 word 2003 中加入复选框,最好是使用"控件工具箱"来完成. 具体方法是: 打开 Word ,依次点击 ...
java向Word模板中替换书签数据，插入图片，插入复选框，插入Word中表格的行数据，删除表格行数据
java向Word模板中替换书签数据,插入图片,插入复选框,插入Word中表格的行数据,删除表格行数据使用插件:spire.doc 创建工具类,上代码: import com.spire.doc.D ...
DEV控件中GridView中的复选框与CheckBox实现联动的全选功能
最初的界面图如图1-1(全选框ID: cb_checkall DEV控件名称:gcCon ): 要实现的功能如下图(1-2 1-3 1-4)及代码所示: 图1-2 图1-3 图1-4 O(∩_∩ ...
asp.net中常用的几种身份验证方式
前言在B/S系统开发中,经常需要使用"身份验证".因为web应用程序非常特殊,和传统的C/S程序不同,默认情况下(不采用任何身份验证方式和权限控制手段),当你的程序在互联网/局域 ...
axure实现复选框全选_AxureRP8实战手册-案例73（全选与取消全选效果）
案例73. 全选与取消全选效果案例来源: 百度音乐-音乐盒案例效果: 初始状态/取消全选时:(图5-117) 全选后取消任一选项时:(图5-118) 全选/单选全部选中时:(图5-119) 案例描 ...
Java学习day078 Swing用户界面组件（四：选择组件）（复选框、单选钮、边框、组合框、滑动条）
使用的教材是java核心技术卷1,我将跟着这本书的章节同时配合视频资源来进行学习基础java知识. day078 Swing用户界面组件(四:选择组件)(复选框.单选钮.边框.组合框.滑动条) 前 ...
JavaFX --- 标签、文本框、密码框、下拉框、按钮、单选按钮、复选框
目录 JavaFX的基本结构和概念 Application --- 代表了JavaFX的应用程序 Stage --- 舞台 --- 代表了一个窗体. 在Application的start方法中,提供了 ...
html5复选框控制按钮状态,HTML input checkbox复选按钮简介说明
摘要: 下文讲述html代码中input type='checkbox'时的相关属性简介说明,如下所示: input type='checkbox' 简介当input标签中type='checkbo ...
html 复选框变大,复选框字体大小如何设置 wps复选框文字大小怎么调整
Excel 怎样修改窗体/复选框中文字的大小 Excel 修改窗体/复选框中文字的大小的具体步骤如下: 需要准备的材料分别是:电脑.Excel 表格. 以win7系统.Excel 表格2010版为例: ...

html中对复选框验证,验证HTML中的复选框

html中对复选框验证,验证HTML中的复选框相关推荐

最新文章

热门文章