Capítulo 17
Formulários - Controle textarea
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.type == "textarea" && 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" />
<label for="msg">Mensagem:</label>
<textarea cols="30" rows="6" name="msg" id="msg">Sua mensagem</textarea>
<input type="submit" value="OK" id="ok" name="ok" />
</form>
...
Arquivos exemplo: « anterior | próximo »