Caselle di testo sono elementi del form HTML che consentono agli utenti di immettere informazioni in un sito Web. Un elemento textbox ha un \"Value\ standard" predeterminato di attributo che consente al programmatore di compilazione automatica della casella di testo con testo. Ad esempio, potrebbe essere il controllo textbox Visualizza \"Enter il tuo nome qui. \" Tuttavia, gli utenti devono eliminare il testo nella casella manualmente prima di inserire il proprio nome. Con JavaScript è possibile rendere il valore del cambiamento textbox quando un utente fa clic all'interno della scatola.
Istruzioni
1
Scrivere la seguente funzione JavaScript per modificare il valore di un oggetto textbox quando viene chiamata la funzione. < br / >< br / >< linguaggio di script = JavaScript >< br / ><!... < br / > function ChangeValue() {< br / > se (documento. MyForm.MyTextbox.value = = \"Enter Your First Name\") < br / > documento. MyForm.MyTextbox.value = \ "\" < br / > andare < br / >} < br / >--> < br / >< / script >
2
Inserire questo codice dopo il < / head > tag e prima del tag < body > nella pagina con il controllo textbox. La prima linea verifica il contenuto del controllo textbox. Se il contenuto corrisponde alla stringa di prova quindi il valore viene modificato su una stringa vuota, ma è possibile modificare facilmente qualsiasi testo che ti piace inserendo il testo desiderato tra le virgolette nella seconda riga della funzione.
3
Creare il modulo e textbox. < br / >< br / >< nome del modulo = \ "MyForm\" azione = \ "http://www.example.com \ & quot; Metodo = post >< br / >< tipo di input = \ "testo \" nome = \ "MyTextbox\" onFocus=ChangeValue() valore = \ "Inserisci il tuo primo Name \" >< br / >< / form >< br / >< br / > quando un utente fa clic all'interno del controllo textbox, il JavaScript ChangeValue() verrà eseguito, impostando il valore su una stringa vuota. Questo modulo Mostra solo la casella di testo che è influenzata dallo script. In un'applicazione pratica del modulo probabilmente avrà altri campi e un pulsante di invio.