快乐重构

良好的表单结构应该是语义化的。对于语义化，我简单解释为：将HTML写得像小说一样可读，可呈现。这里主要强调使用的标签是<fieldset>和<legend>，用于对表单中的相关信息进行分组。

<fieldset>的说明如下：

fieldset 元素可将表单内的相关元素分组。

<fieldset> 标签将表单内容的一部分打包，生成一组相关表单的字段。<fieldset> 标签没有必需的或唯一的属性。

当一组表单元素放到 <fieldset> 标签内时，浏览器会以特殊方式来显示它们，它们可能有特殊的边界、3D 效果，或者甚至可创建一个子表单来处理这些元素。

<legend>的说明如下：

legend 元素可为 fieldset 定义一个标题。

下面iaiau提供一个简单示例：


<fieldset>

<legend>必填信息</legend>
<p>

<label for="usr">用户名：</label>
<input type="text" id="usr" />
<span>最少5个字符</span>

</p>
<p>

<label for="pwd">密码：</label>
<input type="password" id="pwd" />
<span>最少5个字符</span>

</p>

</fieldset>

<fieldset>

<legend>选填信息</legend>
<p>

<label>职业：</label>

<selection>
<option>教育</option>
<option checked="checked">互联网</option>
<option>金融</option>
</selection>

</p>

</fieldset>

iaiau为大家提供2个链接：首届中国语义万维网研讨会 (CSWS 2007)

语义万维网

35blog还是不适宜表现这些代码，引号都被转了。。。

推荐(0)

(收藏)

分享至：