首页 > 解决方案 > 表单中的Textarea标签:错误:标签元素的for属性的值必须是非隐藏表单控件的ID

问题描述

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

错误:label元素的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>

在此先感谢您的帮助。

标签: htmlformslabeltextareaw3c-validation

解决方案


检查 <textarea> 中的引号(特别是“id”和“name”属性)...


推荐阅读