开发者

Pre-fill input text box

开发者 https://www.devze.com 2023-04-08 04:37 出处:网络
Does anyone know of a good small piece of code that will prefill my user and pass input box with the text username and password. I\'ve seen so jscript that will do it but i\'m looking for something th

Does anyone know of a good small piece of code that will prefill my user and pass input box with the text username and password. I've seen so jscript that will do it but i'm looking for something that is a few lines a code.

similar to how the search text is in the开发者_如何学JAVA search box up top on the right


For browsers that support HTML5, adding placeholder="search" will add the prefill text automatically.

The search text box at the top of the page has:

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

You can use an HTML5 shim to make this backwards compatible. Example: http://kamikazemusic.com/web-development/revisiting-html5-placeholder-fixes/


You can use the following:

<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'"/>
0

精彩评论

暂无评论...
验证码 换一张
取 消