Come impostare messa a fuoco di una casella di testo in JavaScript

April 27

Al suo interno, HTML è un semplice mezzo di visualizzazione di testo e immagini in vari modi. Questo, insieme alla capacità di ancorare collegamenti a linee di testo, consentendo a un utente di attraversare diverse pagine di clic sui collegamenti, costituiscono lo scopo principale di HTML. Diverse tecnologie sono sorti intorno HTML, rafforzare le sue capacità e dandogli una parvenza di interattività. JavaScript è una di queste tecnologie; che permette allo sviluppatore di aggiungere ulteriori funzionalità in HTML, come quello di avere una casella di input selezionato automaticamente al caricamento della pagina.

istruzione

1 Inserisci le intestazioni HTML come si farebbe normalmente. Le intestazioni contengono informazioni il browser deve aiutare visualizzare la pagina in modo corretto. Alla base, l'intestazione ha bisogno solo i tag "<HTML>" e le "<HEAD>".

2 Abilita Javascript nella pagina. Inserire "<" text / javascript 'tipo di script => "per consentire al browser di interpretare correttamente JavaScript.

3 Creare una funzione JavaScript all'interno dell'intestazione. Questa funzione viene chiamata quando il corpo della pagina viene caricata e otterrà il nome della casella di testo. Usare "la funzione setFocus ()", sostituire setFocus con tutto quello che vuoi il nome della funzione di essere. Assicurati di inserire il vostro parentesi di apertura "{" immediatamente nella riga successiva.

4 Impostare lo script di concentrarsi sulla casella di immissione desiderata inserendo "document.getElementById (" inputName ") messa a fuoco ();". Change "inputName" per qualunque sia il nome della casella di testo sarà. Chiudere la funzione con una parentesi di chiusura, "}"

5 Chiudere lo script e le porzioni di intestazione. Questo viene fatto con il "</ script>" e "</ head>" tag.

6 Avviare il corpo HTML. Include una chiamata "a carico" per la funzione setFocus. "<Body onload = 'setFocus ()'>" Modifica "setFocus" al nome della funzione.

7 Creare un modulo HTML con il tag "<form>". Costruisci la tua casella di input come si farebbe normalmente. Assicurati di includere un tag ID che ha lo stesso nome, come si è utilizzato nella funzione. Per esempio, se si è utilizzato "inputName" la modifica di identificazione dovrebbe leggere "id = 'inputName'", ma senza le prime e ultime virgolette.

8 Terminate la maschera e chiuderla con "</ form>." Completare il resto della vostra pagina e chiudere con un "</ body>" e tag "</ html>".

9 Caricare la pagina nel browser per verificare la funzionalità. Se il fuoco non funziona, verificare che tutti i nomi sono stati inseriti correttamente.

Consigli e avvertenze

  • Quando il codice di entrare elencato in questo articolo rimuovere le due virgolette esterne. Il codice completo dovrebbe apparire come segue:
  • <Html>
  • <Head>
  • <Script type = "text / javascript">
  • funzione setFocus ()
  • {
  • document.getElementById ( "inputName") messa a fuoco ().;
  • }
  • </ Script>
  • </ Head>
  • <Body onload = "setFocus ()">
  • <Form>
  • Nome <input type = "text" id = "inputName">
  • </ Form>
  • </ Body>
  • </ Html>
  • Questa è una configurazione ossa nude. Non funzionerà in tutti i browser, in particolare anziani del browser costruito prima del 1999 e quelli utilizzati nelle piattaforme mobili come telefoni cellulari. Le ragioni per la perdita di funzionalità sono molteplici, quindi è necessario fare riferimento alla documentazione specifica per la piattaforma necessaria per ulteriori informazioni sulle limitazioni di tale piattaforma e ogni possibile soluzione.