July 11
Caselle di testo sono elementi del modulo HTML che consentono agli utenti di immettere informazioni in un sito web. Un elemento di testo ha uno standard \ "Valore \" attributo che permette al programmatore di auto-riempire la casella di testo con il testo prestabilito. Ad esempio, si potrebbe avere la visualizzazione di testo \ "Inserisci il tuo nome qui. \" Tuttavia, gli utenti devono eliminare manualmente il testo nella casella prima del loro nome. Con JavaScript è possibile effettuare il valore della variazione di testo quando un utente fa clic all'interno della scatola.
1 . Scrivere la seguente funzione JavaScript per modificare il valore di una casella di testo quando viene chiamata la funzione <br /> <br /> <script language = JavaScript> <br /> <! - <Br /> funzione ChangeValue () {< br /> se (document.MyForm.MyTextbox.value == \ "Inserisci il tuo nome \") <br /> document.MyForm.MyTextbox.value = \ "\" <br /> <br /> GO} < br /> -> <br /> </ script>
2 Inserire questo codice dopo il </ head> tag e prima del tag <body> nella pagina con la casella di testo. La prima linea verifica il contenuto del testo. Se il contenuto corrisponde alla stringa di prova, allora il valore viene modificato in una stringa vuota, ma si potrebbe facilmente cambiare a qualsiasi testo che ti piace inserendo il testo desiderato tra le virgolette nella seconda riga della funzione.
3 Crea il tuo modulo e testo <br /> <br /> <form name = \ azione "MyForm \" = \ "http: //www.example.com \ & quot; metodo = post>. <br /> <Input type = \ "text \" name = \ = valore "MyTextBox \" onFocus ChangeValue () = \ "Inserisci il tuo nome \"> <br /> </ form> <br /> <br /> Quando un utente fa clic all'interno la casella di testo, il ChangeValue () verrà eseguito JavaScript, modificando il valore di una stringa vuota. Questa forma mostra solo la casella di testo che è influenzato dallo script. In una applicazione pratica il modulo avrà probabilmente altri campi e un pulsante di invio.