Learned in the 11th chapter of JavaScript DOM programming art.
Hint statement relative to text box substitution with JavaScript
1<! DOCTYPE html>234<meta charset= "UTF-8" >5<title>Document</title>6<script>7Window.onload =function() {8 //You need to determine whether the browser supports the placeholder property, and this code is called when no support is detected. 9 if(! (' Placeholder 'inchDocument.createelement (' Input '))){Ten //Get text Box object One varinput = document.getElementById (' z '); A //Get placeholder text - varInputvalue =Input.placeholder; -Input.onfocus =function(){ the if( This. Value = =inputvalue) { - //Resets the value of the input box to hide temporary placeholder text -Input.value = ""; - } + } -Input.onblur =function(){ + if( This. Value = = ""){ AInput.value =Inputvalue; at } - } - //adding placeholder text in the onblur processing function run - Input.onblur (); - } - } in</script> - to<body> +<form action= "" > -<input type= "text" placeholder= "Please enter ..." id = "Z" > the</form> *</body> $
JavaScript DOM Programming Art placeholder placeholder IE8 compatible approach.