cancellare testo input con un click^^

**Nabiky** · 25-03-2005, 13:05

ciao^^
scusate ma nn ho trovato qualcosa con la ricerca, e spero che questa mia domanda sia nel posto giusto

in un form, inserendo un campo input text, e dandogli gia un testo predefinito, è un javascript che fa si che quando l'utente ci clicca dentro per scrivere, il testo che avevo inserito scompaia?

se si mi dite quale

?

grassie

**16437952** · 25-03-2005, 14:18

Ecco il codice.

codice:

<HTML><BODY>
<FORM name="ff" action="text.html" method="post">
<INPUT type="text" size="20" name="tb1" onBlur="restore();" onFocus="modify();" value="Inserire testo...">
</FORM>
<SCRIPT language="Javascript1.2">
<!--
function modify()
{
if (document.ff.tb1.value=="Inserire testo...")
{
document.ff.tb1.value="";
document.ff.tb1.click();
}
}

function restore()
{
if (document.ff.tb1.value=="")
	document.ff.tb1.value="Inserire testo...";
}
//-->
</SCRIPT></BODY></HTML>

**Nabiky** · 25-03-2005, 14:55

ti ringrazio lo provo subito!

**yro** · 21-07-2005, 16:02

scusate se riporto a galla questa vecchi discussione ma mi interessa sapere come poter fare se ho + di 1 campo che deve funzionare nello stesso sistema... devo ripetere tutte le funzioni o si puo fare + velocemente??
grazie!!

**cavicchiandrea** · 21-07-2005, 16:47

Originariamente inviato da yro
scusate se riporto a galla questa vecchi discussione ma mi interessa sapere come poter fare se ho + di 1 campo che deve funzionare nello stesso sistema... devo ripetere tutte le funzioni o si puo fare + velocemente??
grazie!!

prova cosi modificando il nome del campo e il value:

codice:

   <input name="NomeCampo1" type="text" id="NomeCampo1" value="Tuo messaggio 1...." onFocus="if(this.value=='Tuo messaggio 1....'){this.value='';this.focus();}" onBlur="if(this.value==''){this.value='Tuo messaggio 1....'}">
   <input name="NomeCampo2" type="text" id="NomeCampo2" value="Tuo messaggio 2...." onFocus="if(this.value=='Tuo messaggio 2....'){this.value='';this.focus();}" onBlur="if(this.value==''){this.value='Tuo messaggio 2....'}"> 
   <input name="NomeCampo3" type="text" id="NomeCampo3" value="Tuo messaggio 3...." onFocus="if(this.value=='Tuo messaggio 3....'){this.value='';this.focus();}" onBlur="if(this.value==''){this.value='Tuo messaggio 3....'}">

Ecc...

**yro** · 22-07-2005, 08:42

perfetto grazie!!

**Itilien** · 27-07-2009, 09:20

Susate, c'è una soluzione che preveda l'ID del form invece che il NAME?
perchè altrimenti non si può validare il sito... grazie ciao

**cavicchiandrea** · 27-07-2009, 09:59

Originariamente inviato da Itilien
Susate, c'è una soluzione che preveda l'ID del form invece che il NAME?
perchè altrimenti non si può validare il sito... grazie ciao

:master: cosa centra l'id/name del form con la validazione

metti il link alla pagina demo pubblica.

**Itilien** · 27-07-2009, 10:06

l'attributo "name" in XHTML Strict non esiste occorre utilizzare "id".

link alle guide W3c
4.10. The elements with 'id' and 'name' attributes

HTML 4 defined the name attribute for the elements a, applet, form, frame, iframe, img, and map. HTML 4 also introduced the id attribute. Both of these attributes are designed to be used as fragment identifiers.

In XML, fragment identifiers are of type ID, and there can only be a single attribute of type ID per element. Therefore, in XHTML 1.0 the id attribute is defined to be of type ID. In order to ensure that XHTML 1.0 documents are well-structured XML documents, XHTML 1.0 documents MUST use the id attribute when defining fragment identifiers on the elements listed above. See the HTML Compatibility Guidelines for information on ensuring such anchors are backward compatible when serving XHTML documents as media type text/html.

Note that in XHTML 1.0, the name attribute of these elements is formally deprecated, and will be removed in a subsequent version of XHTML.

quindi per validare una pagina in XHTML Strict non si può usare l'attributo "name" per il form!

Qualcuno sa dirmi come aggirare il problema e come modificare il codice sopra proposto utilizzando l'id invece che il name?

Grazie mille in anticipo.

**cavicchiandrea** · 27-07-2009, 10:59

Usa la soluzione da me proposta a suo tempo (che lavora sul singolo elemento) e aggiungi id al form (es: id="myForm")

Discussione: cancellare testo input con un click^^

Strumenti discussione

Ricerca discussione

Visualizza

cancellare testo input con un click^^

Permessi di invio