消失的形式命中?

时间:2011-08-06 08:28:42

标签: javascript jquery html forms input

我甚至都不知道这是怎么命名的。如果我在这里添加新问题,那么我的标题正在消失。我可以在输入中添加默认值,但这不是这个。这是另一个。我该怎么做? 我怎样才能在输入密码中做到这一点?有 * ,所以我怎么能用干净的文字写? 一般来说这是什么名字?

感谢您的帮助!

<form>
First name: <input type="text" name="firstname" value="First Name" /><br />
Last name: <input type="text" name="lastname" value="Last Name" /> <br />
Password: <input type="password" name="pwd" value="password" />
</form> 

3 个答案:

答案 0 :(得分:0)

使用占位符属性;)

<input type="text" placeholder="default text" />
<input type="password" placeholder="default text" />

答案 1 :(得分:0)

我认为这就是你要找的东西:

<input type="password" name="pwd" value="password" placeholder="Enter password" />

然而,它只适用于某些浏览器。 因此,如果你想支持大多数人,你需要一些js来预先填充它。谷歌'html输入提示'或'占位符'。这里有js插件。

这是一个相关的stackoverflow线程: How do I make an HTML text box show a hint when empty?

答案 2 :(得分:0)

我建议结合使用placeholder属性和功能检测,以便了解浏览器是否支持它,如果不支持,则建议使用JavaScript代码。

所以你的标记是:

First name: <input type="text" name="firstname" placeholder="First Name" />

...它将由支持它的浏览器处理,被不支持的浏览器忽略。

功能检测很简单:

var text = document.getElementById("yourfieldid");
if ("placeholder" in text) {
    // The browser supports placeholders, your markup should be sufficient
}
else {
    // Browser doesn't, need to do something with JavaScript
}

我写了a jQuery plug-in来做到这一点。