跳到主要内容

标记每一份表单数据

标记表单数据与使用 name 或 id 属性标识表单元素以便往后使用并不是一回事。它代之以使用 <label> 标签对包围充当表单元素的一种文字说明的文本。表单元素 <label>为元素提供了额外的环境,它对于屏幕阅读器软件特别重要。

组合表单元素

<fieldset> 元素正是用于执行该任务,它把表单元素组包围起来,给用户提供额外的环境,无论它们是直接在 Web 浏览器中还是在屏幕阅读器软件的帮助下访问它。 <fieldset> 元素就定义了这种组合, <legend> 元素包含将显示或大声读出以描述这种组合的文本。

在表单中包括隐藏的数据

使用具有 type="hidden" 属性的 <input /> 标签。这个属性不会对显示产生任何影响,它只会在提交表单时把你指定的任何名称和值添加到表单结果中。

<form action="#" method="get" id="form1" name="form1">
<p class="row">
<label for="name">会员<span class="required">_</span></label>
<input
type="text"
id="name"
name="name"
required="required"
aria-required="true"
/>
</p>
<p class="row">
<label for="password">密码<span class="required">_</span></label>
<input
type="password"
id="password"
name="password"
required="required"
aria-required="true"
/>
</p>
<p class="row center"><input type="submit" value="登 录" /></p>
</form>