数据表格列表框html,表格(X)HTML表格

博主探讨了在创建一个允许用户通过XHTML表单选择项目状态的界面时遇到的挑战。他们希望使用表格和单选按钮来实现,但遇到了表格嵌套的限制和IE浏览器的提交行为问题。解决方案尝试包括浮动元素和调整宽度,但遇到了行宽超过页面导致的对齐问题。博客中展示了预期的XHTML结构,并邀请读者观察在不同窗口尺寸下布局的表现。
摘要由CSDN通过智能技术生成

我有一组可以处于各种状态的项目。我想,以允许用户使用一个(X)HTML表单表格(X)HTML表格

变化的状态下,和

轻松查看的一组对象

的状态...所以此最后,我想就像一个布局:

| item1 | radio button for state 1 | radio for state 2 | ... | [update button] |

| item2 | radio button for state 1 | radio for state 2 | ... | [update button] |

等。我喜欢单选按钮,列表框,这样很容易为用户在某一状态可视化扫描的东西。

对我来说这看起来像是完美的表格数据。唯一的问题是,你不能在表格内部存在与表格单元格相交的表格(即

...无效)。

我想,“嘿,我可以有一个巨大的表格封装一个表格,并使[update button]值包含每行的ID!”发现某些版本的IE在任何一个表单上发送所有提交按钮值。

所以我想也许要把它与

s放在一起,并把表格放在一个单一的。但是,他们在每个
上划线。所以我修正了它们的宽度,并将它们制作成float: left。但是,如果表格行比页面宽,那么它们会包裹在表格单元格内,并且无线电控件不会与标题对齐。

是否可以按照我的意图进行处理?下面的XHTML显示了预期的结构。观察如果您将浏览器窗口的大小调整为低于表格宽度(理想情况下名称会中断或表格显示滚动条),会发生什么情况。

/p>

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Test

.state-select, .thing-state-name, .update {

float: left;

width: 8em;

}

.state-select {

text-align: center;

}

Thing

Present
Absent
Haven't looked
AppleOrangeDavid Bowie

2010-04-08

detly

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值