Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
文本是否应始终包含在html标记中?_Html - Fatal编程技术网

文本是否应始终包含在html标记中?

文本是否应始终包含在html标记中?,html,Html,假设我有一个输入字段,旁边是文本。文本是否应始终包含在html标记中?如果是,为什么 First name: <input type="text" name="fname"> 名字: VS 名字: 在这种情况下,标签允许您单击标签本身-它将焦点放在带有for属性中提供的id的输入上。建议使用它 只需确保将输入的id设置为标签的设置为输入的id明确如下: <label for="fname">First name:</label> <input typ

假设我有一个输入字段,旁边是文本。文本是否应始终包含在html标记中?如果是,为什么

First name: <input type="text" name="fname">
名字:
VS

名字:

在这种情况下,标签允许您单击标签本身-它将焦点放在带有
for
属性中提供的id的输入上。建议使用它

只需确保将输入的
id
设置为标签的
设置为输入的
id

明确如下:

<label for="fname">First name:</label> <input type="text" name="fname" id="fname">
名字:
浏览器了解
标签的
属性的
输入的
属性的
id
之间的关系

结果是(例如),您可以单击
标签
,相应的
输入
获得焦点。

要使故事简短,是的,您应该这样做。未闭合的文本离图像不远。如果不完全替换它,它几乎不可访问,也几乎不可更改


对于css规则,如果您可以轻松掌握文档的每个元素组,包括文本,那么就容易多了。

为了完整起见:

<label>First name: <input type="text" name="fname"></label>
名字:
这也是可能的;更多信息请参见
type=“radio”

如上所述:可点击(对于复选框和单选按钮很好),对于视障者的屏幕阅读器:可以在进入带有标签的文本框时大声读出标签


对于另一个标签表单,我看到了JavaScript验证,标记标签(错误)。

+1对于您,我用示例编写了相同的信息-我们同时编写-它发生了:(是的,尽管您的回答指出他缺少id,所以也写了+1)。
<label>First name: <input type="text" name="fname"></label>