HTML textarea required 属性
htmlweb developmentfront end technology更新于 2025/9/13 14:04:17
HTML 中 <textarea> 元素的 required 属性用于告知访问者在提交表单之前必须填写此文本区域。如果访问者点击"提交",但未填写设置了 required 属性的文本区域,则表单将无法提交。
以下是语法 −
<textarea required>
现在让我们看一个实现 <textarea> 元素的 required 属性的示例 −
示例
<!DOCTYPE html> <html> <body> <h2>Subject-wise rank</h2> <form action=""> <label for="stinfo">Student:</label> <input type="text" id ="stinfo"><br> <label for="sub">Subject:</label> <input type="text"><br> <label for="rank">Rank:</label> <input type="number"><br> <label for="marks">Marks:</label> <input type="number"><br> <label for="remark">Remarks</label><br> <textarea rows="6" cols="70" required></textarea><br> <input type="submit"> </form> </body> </html>
输出

在上面的例子中,我们有一个带有字段和一个按钮的表单 −
<form action=""> <label for="stinfo">Student:</label> <input type="text" id ="stinfo"><br> <label for="sub">Subject:</label> <input type="text"><br> <label for="rank">Rank:</label> <input type="number"><br> <label for="marks">Marks:</label> <input type="number"><br> <label for="remark">Remarks</label><br> <textarea rows="6" cols="70" required></textarea><br> <input type="submit"> </form>
我们已经设置了一个文本区域,并且按要求设置了它,因此如果提交表单时没有填写文本区域,就会出现一条警告信息。如果文本区域为空,表单甚至不会提交。 −
<textarea rows="6" cols="70" required></textarea>
相关文章
有用资源
html 参考教程 - 该教程包含有关 html 的更多信息:https://www.cainiaomax.com/html/

