我想知道是否可以接受使用table
s 代表表格。
严格来说,名称/值对是表格数据,不是吗?表单只是用户可定制的一组名称/值对。那么使用是否正确table
在这种情况下?或者我应该使用div
使用 CSS 设计样式?
尝试字段集
我更喜欢将字段分解为逻辑字段<fieldset>
与一个<legend>
每个,因为:
- 代码不再那么混乱
- 默认格式是用户友好的(我特别喜欢图例的显示方式)
- 使用 CSS 设计样式很容易
这是一个代码示例。请注意标签'for
属性允许您单击该标签将焦点移动到指定的输入(它与id
属性)。
<form>
<fieldset>
<legend>Wombat Statistics</legend>
<ol>
<li>
<label for="punchstrength">Punch Strength</label>
<input id="punchstrength" name="punchstrength" />
</li>
<li>
<label for="beverage">Favorite Beverage</label>
<input id="beverage" name="beverage" />
</li>
</ol>
</fieldset>
<fieldset>
<legend>Questions That Are Too Personal</legend>
<ol>
<li>
<label for="creditcard">What is your credit card number?</label>
<input id="creditcard" name="creditcard" />
</li>
<li>
<label for="gullibility">Did you actually fill that in?</label>
<input id="gullibility" name="gullibility" />
</li>
</ol>
</fieldset>
</form>
对于基本布局,您可以使用以下内容:
label, input, textarea, select {
display: inline-block; vertical-align: top; width: 30%;
}
See 本文 http://www.alistapart.com/articles/prettyaccessibleforms/以获得更深入的教程。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)