Capítulo 17

Formulários - Controle input

JavaScript

<script type="text/javascript">
function limpaCampos(formulario) {
	qdeControles = formulario.elements.length;
	for (var i=0; i<qdeControles; i++) {
		var controle = formulario.elements[i];
			if (controle.type == "text" && controle.defaultValue) {	
				controle.onfocus = function() {
					(this.defaultValue) ? this.value = "" : "";
					}
			}
		controle.onblur = function() { 
			(this.value == "") ? this.value = this.defaultValue : "";
		}	
	} 
}
window.onload = function() {
var formulario = document.getElementById("fdemo");
limpaCampos(formulario);
}
</script>

HTML

...
<form  action="http://www.maujor.com"  id="fdemo" method="get">
<label for="nome">Nome:</label>
<input type="text" size="25" maxlength="35" value="Seu nome" name="nome" id="nome" /> 
<label for="email">Email:</label>
<input type="text" size="45" maxlength="65" value="Seu email" name="email" id="email" /> 
<input type="submit" value="OK" id="ok" name="ok" />
</form>
...