radio-button 相关问题

单选按钮是表单中使用的元素。它们让用户只选择有限数量的选项中的一个。

请告诉我我做错了什么,无论我做什么,我似乎都无法在同一行中获得标签和单选、复选框图标

这是我的代码示例 这是我的代码示例 <div class="form-check"> <label for""> <input type="radio" name="user-select" value="onetwo" class="one-to-two" checked>1-2 hours </label><br/> </div> <div class="form-check"> <label> <input type="radio" name="user-select" value="threefour" class="three-to-four"/> 3-4 hours </label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check1" name="Front End" value="something"> <label class="form-check-label">Front-End Developer</label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check2" name="Back End" value="something"> <label class="form-check-label">Back-End Developer</label> </div> <div class="form-check-career"> <input type="checkbox" class="form-check-input" id="check3" name="Full Stack" value="something"> <label class="form-check-label">Full Stack Developer</label> </div> 这是我的一些CSS label { display: block; margin: 0.5rem 0; } input { margin: 10px 0 10px 0; width: 100%; min-height: 2em } input[type="radio"] { flex-direction: row; } 我尝试了网上能找到的所有方法,但都不起作用,这令人沮丧。这些复选框和单选图标无法按照我的预期与标签对齐。有人可以告诉我我做错了什么吗? 虽然不太清楚“排队”的含义,但如果您指的是水平居中,那么您可能需要更改一些代码。 由于您没有提供足够的代码作为上下文,请注意以下代码基于问题中发布的代码片段。 如果您按如下方式更改无线电输入 HTML: <div class="form-check"> <label for"">1-2 hours</label> <input type="radio" name="user-select" value="onetwo" class="one-to-two" checked /> </div> 并将 CSS 更改为以下内容: .form-check{ display:flex; align-items:center; justify-content:center; margin:0.5rem auto; } label { margin: 0.5rem; } input[type="radio"] { margin:0.5rem; display:flex; flex-direction: row; width:auto; } 然后输出应呈现为:

回答 1 投票 0

清除选中的单选按钮id

我正在开发一个在单选按钮上显示选项的测验应用程序。问题是,当我单击下一个按钮移至下一个问题时,会选择之前的单选按钮的 id...

回答 1 投票 0

如何设置 HTML 单选输入元素的样式以使单选按钮不存在

我正在应对一项挑战,想知道如何设计无线电输入元素的样式,以便: 实际的无线电功能本身并不存在, 该元素将是这样的,当被选择时,它的

回答 4 投票 0

当“选中”单选按钮时,使用其他单选输入显示多个 div ID

我在这里完全是新手 - 所以我会尽力解释。 我有一个表格,要求用户选择最近的城市(无线电输入),如果他们从选项中选择“伦敦”,那么我需要...

回答 1 投票 0

如何隐藏具有同一类的所有元素并使用单选按钮显示该类中的一个特定 ID?

我有四个共享同一个类的 div,每个都有自己唯一的 id。我还有四个无线电可以控制它们的不透明度。单击单选按钮时,会出现相关的 div(不透明度 = 1)并且...

回答 3 投票 0

如何将数据加载到单选按钮并使用React修改它们

我是React新手,我对Express(数据库:MSSQL)和React有疑问。 我有这个虚构的数据库,我想用这样的单选按钮可视化每个人的数据。 当我...

回答 1 投票 0

MAUI IOS - 单选按钮在页面初始加载时不会显示选中状态

我的应用程序中有一个页面,用单选按钮显示数据。正如预期的那样,当页面加载时,其中之一应该显示为选中状态,但无论我做什么,所有单选按钮都显示为未选中状态。我在这里...

回答 1 投票 0

v-for 和 v-if 在 vue.js 中不能一起工作

表单用于提交文本和两个选项,这两个选项告诉 vue 在哪一列中显示文本。当选中 col2 单选按钮时,提交的文本应显示在第 2 列中。这不是

回答 9 投票 0

空格键切换无线电输入

我有一个单选按钮列表,出于可访问性的目的,我试图确保按空格键可以切换单选按钮的状态。但是,当我按 sp 时它不会切换...

回答 1 投票 0

如何询问多个选定的问题单选按钮/复选框

应该有三个复选框/单选按钮。当我点击其中一个时,其他的应该变灰。例如,当我点击某人时,我必须做出不同的选择。当我点击 o...

回答 1 投票 0

如何使用键盘箭头禁用单选按钮选择的更改?

我有一个带有 6 个单选按钮的 HTML 表单。每个单选按钮在被选中时都会对后端进行 API 调用并获取一些数据以填充表单中的下一个选择输入。如果一个人选择了一个...

回答 1 投票 0

IOS 的最佳单选按钮实现

我想问是否有关于如何在 iPhone 应用程序上实现单选按钮选项的示例。 我发现选择器视图对于简单的选择功能来说相当大。 不知道是不是苹果

回答 8 投票 0

使用 WordPress 自定义字段中的单选按钮有条件地在前端显示类别

我在类别编辑页面添加了一个带有单选选项的自定义字段。通过选择这些带有2个选项的单选按钮,我想确定相关类别是否会出现在类别中...

回答 1 投票 0

QCheckbox/QRadioButton 换行

我正在尝试使用标准 QCheckbox/QRadioButton 与 Qt 建立多行复选框/单选按钮。 我没有找到直接的解决方案,因为 QRadioButton{wrap:true;} 没有效果。 唯一的事情

回答 5 投票 0

更改单选按钮的背景颜色

是否可以像 IE 一样更改 Firefox/Chrome 中单选按钮输入的背景颜色? (不使用图像) 在两个 IE 中运行这个(<9) and Firefox/Chrome: input[type="radio"] {...

回答 8 投票 0

根据旁边的标签勾选单选框

我正在尝试将一些问卷自动化作为一种爱好。多年来我不得不与它们打交道,我总是想知道自动化它们的最佳方法是什么。现在我已经到了我无法...

回答 1 投票 0

有没有办法去除单选按钮组(显示为药丸按钮)所选按钮上的紫色框?甲骨文 Apex

选中的按钮上有一个紫色框。有什么办法可以去除吗? 我尝试了很多 CSS 的方法,但没有成功。我究竟做错了什么? .您的无线电组级输入...

回答 1 投票 0

云视觉API支持复选框、单选按钮和签名吗?

我正在尝试从具有单选按钮、复选框和数字签名的图像中提取数据。正确的数据以文本格式提取,但无法提取复选框和单选按钮。我想要...

回答 1 投票 0

如何在Flutter中设置默认选中的单选按钮?

默认情况下,Flutter 将所有单选按钮显示为空(未选中)。 如何设置默认选中的单选按钮? 我发布这个问题是为了记录我的解决方案,这可能会对某些人有所帮助,而且......

回答 4 投票 0

Vue Js 处理多个问题数组单选按钮并获取选定的答案值

如何从多维数组问题中获取选定的单选按钮值。

回答 1 投票 0

© www.soinside.com 2019 - 2024. All rights reserved.