html - 灯塔错误 : "Form elements do not have associated labels"

标签 html label forms

如何修复此灯塔错误:

Form elements do not have associated labels



<input type="text" id="s" name="s" value="Arama..." onfocus="if (this.value == 'Arama...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Arama...';}">

<select id="main-menu-mob">

<textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea>

最佳答案

对于其中的每一个,您可以添加一个引用该元素的标签,或使用 aria-labelledBy属性。我认为标签是最简单的,但我将向您展示每个标签。

<label for="s">Arama...</label>
<input type="text" id="s" name="s" value="Arama..." onfocus="if (this.value == 'Arama...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Arama...';}">

<label id="lbl-main-menu-mob">Select Item</label>
<select id="main-menu-mob" aria-labelledby="lbl-main-menu-mob">

<label for="comment">Enter Comment</label>
<textarea id="comment" name="comment" cols="45" rows="8" maxlength="65525" required="required"></textarea>

关于html - 灯塔错误 : "Form elements do not have associated labels",我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/56083674/

相关文章:

html - 在所有行上拉伸(stretch) 4 个 Bootstrap 按钮

html - 为什么 CSS 类在移动设备上似乎被忽略了?

apache - 通过基于域名的 URL 访问 Java Spring 服务时,jQuery .ajax 调用返回错误

javascript - 使用 JQuery 更改标签文本

javascript - jQuery:ajax 调用不会在表单提交事件上执行,除非我在它之后有一个警报调用?

php - PHP + Ajax innerHTML 后可点击的 JS 函数不起作用

javascript - 表格输出 "values"不正确?

html - 我有一些 HTML 的工作方式似乎是不可能的。这怎么解释呢?

forms - 在 Twitter Bootstrap 中将标签包裹在输入控件周围

C# 从左到右移动标签