Un modo comune di etichettare i campi di input in una pagina HTML è quello di mettere la descrizione all'interno del campo in cui l'utente digitare le informazioni. Ad esempio, è possibile mettere le parole "Enter ricerca a testo" all'interno del campo in cui un utente può digitare il testo da ricercare nella pagina Web. Tuttavia, quando l'utente fa clic all'interno del campo, non si vuole che lui abbia a backspace sull'etichetta. La funzionalità è ideale per il testo da cancellare automaticamente quando l'utente fa clic all'interno del campo. Per fare questo, è possibile utilizzare l'attributo "onFocus" del tag HTML "input".

istruzione

1 Creare la pagina Web. Aggiungere un modulo HTML per la casella di input di ricerca. Ad esempio, digitare:

<Form>

<Input type = "text" size = valore "20" = "Enter Search Text" />

</ Form>

2 Aggiungere l'attributo "onFocus" al tag "input". Utilizzare "questo" per indicare il campo corrente e impostare il campo pari a vuoto. Ad esempio, digitare:

<Form>

<Input type = "text" size = valore "20" = "Enter Ricerca di testo" onFocus = 'this.value = "";' />

</ Form>

3 Passare alla pagina Web in un browser e fare clic sul campo di ricerca per testarlo. Guarda il testo scompare quando si fa clic sul campo.