问题标签 [fieldset]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
3 回答
8461 浏览

html - 如何使用 CSS 使字段集适应其内容的大小?

我有一个包含一些内容的字段集,并且内容相对于它们的原始位置移动。看到这个jsFiddle

当我登上 Stack Overflow 并搜索我的问题时,我很高兴:我认为这个问题就是答案。但是,该问题仅涉及宽度(将字段集的宽度缩小到内容的大小,将显示更改为内联或类似的东西)。

如何将字段集缩小到内容的大小?即,我希望当字段集的内容向上移动时,字段集的高度会缩小。

0 投票
1 回答
424 浏览

javascript - 带有 jQ​​uery 的自定义图形单选按钮以某种方式破坏了 index()

我正在使用这个 customInput 插件(带有 jQ​​uery 1.6.2)来自定义我的单选按钮的外观。

它工作得很好。

我现在遇到的问题是我只是想获取index()所选单选按钮的编号,它总是返回0. 有六个单选按钮,我正在寻找 0 到 5 之间的数字。

JavaScript:

奇怪的是,val()仍然可以正常工作并返回正确的值。因此,表单数据总是得到正确的单选值。

http://jsfiddle.net/sparky672/LdVGD/

HTML:

如果根本不使用 customInput 插件,则返回索引号。

http://jsfiddle.net/sparky672/LdVGD/1/


附带问题:

禁用插件后,index()返回0, 2, 4, 6, 8, 或10. 这就像它<label>本身被计入 的一部分index(),有效地加倍了计数。为什么会这样?

我无法删除这些<label>元素,因为插件依赖于这些元素才能发挥作用。

我只想根据是否选中单选按钮 0 到 5 来检索 0 到 5 的数字。

有什么建议么?也许另一种检查选择了哪个单选按钮的方法?

我的终极目标?根据选择的按钮简单地更改一些变量。

0 投票
2 回答
1858 浏览

jquery - 通过单击标签以编程方式取消选择单选按钮

我正在寻找一个允许我取消选择单选按钮的脚本。我在 SO 上找到了一个并在这里实现了它......

http://jsfiddle.net/sparky672/YFsVK/1/

如您所见,它工作得很好,但只有当您单击单选按钮本身时。(您也可以通过单击相应的<label>文本来“选择”一个按钮。这是<label>默认情况下的操作方式。)

但是,我还需要能够通过单击相应的单选按钮来“取消选择”单选按钮<label>,这就是我需要帮助的地方。

(为什么?因为我正在使用一个插件,它使用包含在<label>默认单选按钮上的图像精灵以图形方式改变单选按钮的外观。我的 jsFiddle 中有一行可以激活以查看该插件的运行情况.)

我确定我只需要稍微调整一下这个脚本,但我似乎无法让它正确。我相信我只需要<label>在操作相应的单选按钮时“选择”。A通过将按钮的 放置在相应的属性中<label>来“附加”到按钮。idfor<label>

JavaScript:

HTML:

0 投票
5 回答
92060 浏览

html - 使用 CSS 将字段集居中

我正在尝试将包含登录“用户名”和“密码”字段的字段集居中到页面的中心。这是我所拥有的:

无论窗口大小如何,我都希望字段集在窗口中居中。float: center谷歌搜索没有产生任何有用的信息,例如align: center属性。

0 投票
1 回答
1466 浏览

ruby-on-rails - Formtastic:嵌套的字段集产生不可用/无效的标记

我正在尝试通过将相关属性放入 form.inputs 块中,将它们分组到“双域”中:

但是,这会产生这样的标记(省略不相关的标记):

只有字段集中的第一个嵌套字段集被<li>标签包围,其他的只是渲染为<fieldset>导致无效标记(因为不允许<fieldset>直接子级)。<ol>这不仅丑陋,而且很难将样式应用于表单。

在我的研究中,我偶然发现了一些关于这个问题的评论,其中指出这可能是 formtastic 本身的问题,但到目前为止我还没有找到解决方法或建议。

有任何想法吗?

版本信息:

  • 导轨(3.2.0.beta bd4bd3f)
  • 形式化(2.0.0.rc4 7d3bb2f)
  • ruby 1.9.2p290(2011-07-09 修订版 32553)[x86_64-linux]

完整标记:

0 投票
1 回答
2035 浏览

c# - 将字段集的“图例”设置为不可见

我可以在 C# 中使用其他选项吗?我有一个条件需要满足才能显示这些传奇之一。截至目前,我不知道如何将这个图例设置为从 .cs 端不可见......除非还有一些 .asp 等价物???有什么建议么?谢谢!

0 投票
2 回答
317 浏览

html - Fieldset 中的 DIV 层在后台打开而不是前台

我已经为 html 中的输入字段实现了一个 jquery datepicker。问题是,日期选择器出现在后台而不是前台,因此我无法设置日期(请参阅链接)。输入字段的 div 标签位于始终位于最前面的字段集中。

http://i40.tinypic.com/35i1wl0.png

我该怎么做才能让日期选择器在前面打开?

0 投票
1 回答
1577 浏览

html - ie7中fieldset的布局不一致

我正在尝试使用字段集图例作为一组单选按钮的标签。我的 HTML 和 CSS 在 IE8&9、firefox 和 chrome 中运行良好。在 IE7 中,标签出现在单选按钮上。在所有其他浏览器中,标签显示在按钮的左侧。我很高兴为 IE7 添加一个有条件的 stle,但我不知道是什么使这项工作。

该问题在以下标记中复制

0 投票
1 回答
4300 浏览

html - HTML 字段集,中心不起作用

我想将一个字段集居中,但我希望它由于其内容而调整大小,所以我将 attr 添加display: inline-block;到样式中,这样就可以了,但是它将字段集向左移动......

margin: 0 auto;用来使字段集居中,但它不再工作了......

这是一个例子

0 投票
1 回答
2041 浏览

c# - 如何从 main.aspx 页面的代码隐藏访问 usercontrol.ascx 中的字段集?

实际上我正在使用 asp.net 和 c# 开发模板。我的用户控件页面中有一个面板,其中包含 2 个字段集。我想从 main.aspx 页面后面的代码访问这两个字段集,这意味着当用户单击 main.aspx 页面上的 link1 时,面板将刷新并显示 fielset1,当用户单击 link2 时,面板将被刷新,面板显示 fieldset2。对于页面的部分刷新,我正在使用更新面板。你能指导我如何解决这个问题吗?感谢您的考虑。