题
什么是设计表单时/详细信息视图最大的可读性(无障碍)和通用性使用的最佳结构?
作为一个例子,ASP.NET MVC框架的脚手架创建具有在顶部的图例和P中的所有字段(一个标签,然后输入/编辑器集)一个字段。
什么是使用最通用的结构,你觉得呢?
例如,如果我想改变布局后有两个或三个字段并排侧,而不是自上而下的,我只希望通过CSS要做到这一点,因为它不是结构有关。
谢谢,结果 基隆
编辑:的:一种朋友的建议是使用DL,DT和DDS ......没有人有任何想法
解决方案
我用一个非常类似的结构,以通过ASP.NET脚手架生成的一个,不同之处在于我使用的div代替PS:
<form>
<fieldset>
<legend>Legendary Fieldset</legend>
<div>
<label for="textBox">Text Input</label>
<input name="textBox" id="textBox" />
</div>
<div>
<label for="selectBox">Select box</label>
<select name="selectBox" id="selectBox">
<option>1</option>
<option>2</option>
</select>
</div>
</fieldset>
<!-- more fieldsets if required -->
</form>
我用div的,因为对我来说,多数民众赞成更多的语义正确比p元素,因为它们是用于文本的段落。
当涉及到它的造型也是一个多功能的结构,因为你可能例如使字段集500像素宽和字段集DIV 250像素宽和浮动,从而通过侧实现侧。或者你可以有相同的宽度为字段集的字段集股利。或者你可以有字段集和字段集的div相同的宽度,然后贴在一些div一类是一半的宽度和浮动(比如“半”)。的可能性真的是无止境的。
在任何情况下,这正是我所使用的日常的东西 - 尽管它的通用性,它可能不适合所有要求
修改强>至于定义列表而言,它们是语义上不应该被用于布置一个形式专门元件。
其他提示
我刚刚创建一个基本形式,让结构增长解决这一问题。
<form>
<input>
<input>
<input>
</form>
然后当你需要的分组
<form>
<div>
<input>
<input>
</div>
<input>
</form>
然后做你的演示文稿中的CSS。测试可访问的最好办法是关闭所有的样式表,看看该网站是有道理的。
表单是块级元素,以便它们可用于含有其它元素语义正确的。
不隶属于 StackOverflow