一个标签两个输入字段?

时间:2014-05-22 16:50:17

标签: html label

我正在制作一个格式如下的表单:

               HOME                 CELL
PHONE_NUM      TEXT_INPUT           TEXT_INPUT2

为什么TEXT_INPUT和TEXT_INPUT2不能列在for for&&?

拥有标签的好处是保持输入字段在同一行上正确对齐..还有其他好处吗?

2 个答案:

答案 0 :(得分:1)

为标签添加for属性使得点击标签会将焦点放在输入上(假设它是文本输入)。因此,在单个id属性中有两个for s没有意义:浏览器不知道要关注哪个输入。

for属性也与样式和定位无关。您应该能够在没有for属性的情况下保持表单相同。

答案 1 :(得分:1)

还有其他好处 - <label>为鼠标用户提供了可用性改进,因为当<input>正确绑定<input>时,它会切换<label>。基本上它为鼠标用户提供了更大的目标。例如,除了<input>或控件之外,他们还可以点击{{1}}以获得焦点。