表单中的Textarea标签：错误：标签元素的for属性的值必须是非隐藏表单控件的ID

Posted 2023-05-07

【中文标题】表单中的Textarea标签：错误：标签元素的for属性的值必须是非隐藏表单控件的ID

【英文标题】：Textarea Label in Form: Error: The value of the for attribute of the label element must be the ID of a non-hidden form control

【发布时间】：2021-12-12 02:27:51

【问题描述】：

我在一个班级，我的任务是向页面添加表单并使用 w3c html 验证器验证页面。我得到了错误：

错误：标签元素的for属性的值必须是 非隐藏表单控件的 ID。

该错误仅适用于表单中 textarea 元素的标签，而不适用于任何输入元素。这是表单的 HTML：

<form id="contactForm" class="form-grid"> <!-- Start Form -->
            <fieldset>
                
                <legend>Contact Information</legend>
                
                <label for="contactFirstName">First Name:</label>
                <input type="text" name="contactFirstName" id="contactFirstName">
                
                <label for="contactLastName">Last Name:</label>  
                <input type="text" name="contactLastName" id="contactLastName"> 
                
                <label for="contactEmail">Email:</label>
                <input type="email" name="contactEmail" id="contactEmail">
                
                <label for="contactPhone">Phone:</label>
                <input type="tel" name="contactPhone" id="contactPhone">
                
                <label for="contactMessage">Message:</label>
                <textarea id=“contactMessage” name=“contactMessage” rows="5" cols="35"></textarea>
                
            </fieldset>
            
            <input type="submit"  id="submit"  value="SUBMIT"  class="btn">
        </form>

提前感谢您的帮助。

【参考方案1】：

检查 中的引号（特别是“id”和“name”属性）...