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>

相关文章


有用资源