Il modello DOM (Document Object) è uno standard progettato per supportare la portabilità di Java e JavaScript, programmazione, facendoli lavorare in modo coerente tra i vari browser. Fondamentalmente, il DOM descrive gli oggetti in un documento specifico e fornisce un metodo per manipolarli. Il DOM descrive due elementi del form per l'input di testo: < tipo input = "testo" >, che è una casella di testo e < textarea >, che crea una casella di testo di linea più. Utilizzando JavaScript, un programmatore web può cancellare il testo digitato in queste caselle.

Istruzioni

1

Inserire il codice per creare un pulsante nella pagina Web utilizzando un testo editor. Il codice del pulsante è:

< tipo input = "pulsante" nome = valore "clearValue" = "Chiara Textbox" >

I campi "nome" e "valore" possono essere cambiati se lo si desidera.

2

Controllare gli attributi della casella di testo per l'esistenza del "id =" tag. Se non ne ha uno, aggiungere quanto segue nella casella di testo:

ID = "myFieldName"

Sostituire "myFieldName" con la vostra scelta del nome.

3

Aggiungere il codice seguente al pulsante dopo la dichiarazione di valore:

OnClick="Document.getElementById('myFieldName').Value =' '"

Sostituire "myFieldName" con il valore di ID della casella di testo o area di testo per essere cancellata.

4

Aprire la pagina Web in un browser, immettere il testo nel campo di testo e fare clic per deselezionare il testo. Il testo immesso dovrebbe scomparire.

Consigli & Avvertenze

• Codice per deselezionare una casella di testo può essere aggiunto a funzioni o altri tipi di eventi come "onChange."
• JavaScript è un linguaggio case-sensitive. Quindi, "FieldName" e "NomeCampo" sono diversi. Assicurarsi di utilizzare correttamente maiuscole e minuscole.