Come aggiornare un campo di modulo con JavaScript

June 18

I campi del form sono gli elementi visualizzati su una pagina web che lasciate che i vostri lettori presentare le informazioni. L'utente inserisce informazioni e fa clic sul pulsante "Invia" per inviare a un database o un indirizzo email. È possibile automatizzare l'aggiunta di testo a questi elementi del modulo utilizzando JavaScript.

istruzione

1 Pulsante destro del mouse il file HTML e selezionare "Apri con". Fare doppio clic su "Blocco note" per aprire il file in un editor di testo semplice.

2 Crea il tuo casella di testo. In questo esempio, si aggiunge una data a una casella di testo. La casella di testo viene prima aggiunto i campi del modulo. Aggiungere questo codice tra "<form>" e "</ form>" tag nel file:

<Input type = "text" name = "data">

3 Creare il blocco di JavaScript. Questo blocco è dove si trova tutto il codice. Inserire questo codice tra il "<head>" e "</ head>" tag:

<Script language = "javascript"> </ script>

4 Creare il codice che aggiunge il testo per l'elemento del modulo. Aggiungere qualsiasi testo che consente di organizzare i dati di presentazione. Il codice viene inserito all'interno dei tag di script. Il codice seguente aggiunge una data alla casella di testo creato nel passaggio due:

document.form.date.value = "8/3/2010";

5 Fai clic su "File" e "Salva" nelle opzioni di menu Blocco note. Per testare il nuovo codice, fare doppio clic sul file HTML per aprirlo nel browser.