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'检查认为一切都很好，因为输入框已填充。如果用户单击登录按钮并显示详细信息“电子邮件地址...”，则这不是非常好。它只是不会记录它们，是的，但我想阻止它们首先使用默认值登录。因此，我的问题是：

有没有办法将“必需”状态应用于输入框onblur（通过javascript，css，html或其他方法），或者使某些输入框值绕过“必需”检查？

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

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

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

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

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

Answer 1

您可以使用placeholder属性。

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

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

Answer 2

您可以使用占位符来实现此目的。

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

将值插入textarea旁路所需的检查

2 个答案: