Hur man bort text i ett sökfält på en HTML- sida på Klick

Ett ​​vanligt sätt att märka inmatningsfält på en HTML- sida är att sätta beskrivningen inne i fält där användaren skriver in informationen . Till exempel kan du lägga orden " Ange söktext " inne på området där en användare kan skriva text att söka på webbsidan . Men när användaren klickar i fältet , vill du inte att han ska behöva backsteg över etiketten . Den ideala funktionalitet är att texten ska raderas automatiskt när användaren klickar inne i fältet . För att göra detta , kan du använda " onFocus " attributet i HTML " input " -taggen . Instruktioner
1

Skapa webbsidan . Lägg till ett HTML- formulär för sökningen inmatningsrutan . Till exempel , typ :

2

Lägg till " onFocus " attribut till " input " -taggen . Använd " här " för att indikera det aktuella fältet och ställ in fältet lika med tomt . Till exempel , typ :

< input type = " text " size = " 20 " value = " Ange söktext " onFocus = ' this.value = " " , ' />

Addera 3

Navigera till webbsidan i en webbläsare och klicka på sökfältet för att testa den . Titta på text försvinner när du klickar i fältet .