PDA

View Full Version : Text box

freedy
08-05-2008, 21:36
Que codigo HTML utilizo para que quando carregue numa textbox que tenha lá por exemplo "Insira o seu email" desapareça esse texto automáticamente se que seja reciso apagar?
Satigor
08-05-2008, 22:24
Boas freedy podes fazeres isso usa primeiro este scipt na página:

<SCRIPT>
<!--
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}
// -->
</SCRIPT>E depois no código do textbox usas este valor:

ONFOCUS="clearDefault(this)"Exemplo:
<INPUT TYPE=text VALUE="Insira o seu E-mail..." ONFOCUS="clearDefault(this)">
freedy
08-05-2008, 22:38
Boas freedy podes fazeres isso usa primeiro este scipt na página:

<SCRIPT>
<!--
function clearDefault(el) {
if (el.defaultValue==el.value) el.value = ""
}
// -->
</SCRIPT>E depois no código do textbox usas este valor:

ONFOCUS="clearDefault(this)"Exemplo:
<INPUT TYPE=text VALUE="Insira o seu E-mail..." ONFOCUS="clearDefault(this)">

Nao funciona fica a aparecer INPUT TYPE na caixa :S
cula_ru
08-05-2008, 23:18
este funciona e é mais divertido :016: porque retoma o valor original se não escreves nada na textbox.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled 1</title>
<script type="text/javascript">
<!--
function clean(it){
if (it.defaultValue==it.value) it.value = "";

}

function rest(it){

if (it.value == "") it.value = it.defaultValue;

}

//-->
</script>
</head>

<body>
<input type="text" value="insira qq cena" onfocus="clean(this)" onblur="rest(this)" />

</body>

</html>
Satigor
08-05-2008, 23:43
Nao funciona fica a aparecer INPUT TYPE na caixa :S

Peço desculpa, no exemplo de código enganei-me a copiar tudo, é assim:

<input name="teste" type="text" id="teste" value="insira o seu nome..." ONFOCUS="clearDefault(this)"/>

Podes ir aqui (http://www.coldsector.com/teste.html), foi um este que eu fiz para testar o código e podes ver o source code e ver que funciona perfeitamente.
freedy
09-05-2008, 10:40
Já está a funcionar mas continua a aparecer input name em vez de insira o seu mail :\

Tou a trabalhar com o Facile Forms do joomla se isso for relevante



EDIT: Já consegui resolver o problema :)