预填充输入文本框

Question

有没有人知道一小段代码会预先填充我的用户并使用文本用户名和密码传递输入框。我已经看到了jscript会这么做，但我正在寻找一些代码的东西。

类似于搜索文本在右侧顶部的搜索框中的方式

Answer 1

对于支持HTML5的浏览器，添加占位符=“搜索”会自动添加预填充文本。

页面顶部的搜索文本框包含：

<input type="text" placeholder="search" >

您可以使用HTML5垫片使其向后兼容。例： http://kamikazemusic.com/web-development/revisiting-html5-placeholder-fixes/

Answer 2

您可以使用以下内容：

<input type="text" style="color:#ccc;" value="username" onfocus="this.value = this.value=='username' ? '' : this.value; this.style.color='#000';" onfocusout="this.value = this.value == '' ? this.value = 'username' : this.value; this.value=='username' ? this.style.color='#ccc' : this.style.color='#000'"/>

<input type="text" style="color:#ccc;" value="password" onfocus="this.value = this.value=='password' ? '' : this.value; this.style.color='#000';" onfocusout="this.value = this.value == '' ? this.value = 'password' : this.value; this.value=='password' ? this.style.color='#ccc' : this.style.color='#000'"/>