将值插入 textarea 绕过必需的检查

Question

目前，我有一个（HTML5）输入标签如下：

<input name='email' class='textarea' type='textarea' onblur='if(this.value==""){ this.value = "Email address...";}' onfocus='this.value="";' value='Email address...' required></input>

这完全符合我当前的需要，但是使用默认值（或任何插入的值），'required' 检查认为一切都很好，因为输入框已填充。如果用户单击带有详细信息 "Email address..." 的登录按钮，这就不是很好了。它只是不会让他们登录，是的，但我想阻止他们首先使用默认值登录。因此，我的问题：

有什么方法可以将'required'状态应用到输入框onblur（通过javascript、css、html或其他方式），或者使某些输入框值会绕过 'required' 检查?

我正在考虑使用 CSS 将文本应用于输入框，例如

input.textarea{
    content: "Email address...";
}

input.textarea:focus{
    content: "";
}

但据我所知，内容不会对输入框应用任何内容（或者如果适用，输入框会呈现在文本上方）。

我可以完全删除这些值，并将标签放在输入框外，但这并不真正适合我目前正在制作的网站的设计，并且可能是最后的选择（如果我什至认为这是一个选择）。

Answer 1

您可以为此使用占位符。

<textarea rows="4" cols="50" placeholder="Your description here...">

Answer 2

您可以使用 placeholder 属性。

<form><input name='email' class='textarea' type='textarea' placeholder="Email address..." required></input>
<input type='submit' />
</form>

注意：不要使用 value 属性，因为当给出值时，它被认为是该字段具有值。

将值插入 textarea 绕过必需的检查

Have values inserted into textarea bypass required checks

html

javascript

css

textarea