即使值为空,textarea的"required"属性也不起作用

div*_*scm 21 html html5 textarea required

我创建了一个带有列表框和文本区域的简单页面,其中包含所有条件都需要的条件.

列表框工作正常,但textarea框不会告诉该字段是否需要填充.

<!DOCTYPE html>
<html>
<head>
<title>Ratings & Reviews</title>
<body>
<form>

<span>Customer Service*</span>
<span>
    <select name=customer id=aa required>
        <option selected="rate" value="" disabled>rate</option>
        <option value=1>1</option>
        <option value=2>2</option>
        <option value=3>3</option>
        <option value=4>4</option>
        <option value=5>5</option>
    </select>
</span>
<br><br>
<span>Value for money*</span>
<span>
    <select name=money id=aa required>
        <option selected="rate" value="" disabled>rate</option>
        <option value=1>1</option>
        <option value=2>2</option>
        <option value=3>3</option>
        <option value=4>4</option>
        <option value=5>5</option>
    </select>
</span>

<div>
    <textarea name="reviews" rows=11 cols=50 maxlength=250 required>
    </textarea>
</div>

<div id=submit>
    <br>
    <input type=submit name=submit value=submit>
</div>

</form>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

sin*_*ake 71

文本区域内有空格,将其删除:

 <textarea name="reviews" rows=11 cols=50 maxlength=250 required ></textarea>
Run Code Online (Sandbox Code Playgroud)


小智 11

问题在于标签之间的空格.您不应该在这些标记之间的html中给出任何空格,否则浏览器会将其视为值.


小智 5

不要在开始标签和结束标签之间使用空格。

例如:

<textarea required>**Don't put any space here**</textarea>
Run Code Online (Sandbox Code Playgroud)

它会工作得很好。