Hvordan låse en tekstboks

HTML-skjemaer bruke tekstbokser til å samle inn brukerdata. Du må kanskje hindre brukeren i å redigere verdiene av input boksen, men fortsatt vise dem til å fylle ut skjemaet layout. Enten "Lese" eller "funksjonshemmede" attributter av input boksen kan brukes til å låse verdiene fra brukeren redigering.

Bruksanvisning

1 Åpne HTML editor. Hvis du bruker en WYSIWYG-editor, endre til kodevisning.

2 Skriv inn koden <input type = "text" name = "txtName1" id = "txtName1" skrivebeskyttet = "skrivebeskyttet" value = "My Lese Value" />. Den skrivebeskyttet egenskap kan inkludere = "skrivebeskyttet" streng eller stå tomt. Skrivebeskyttet låser inngangs boksen fra bruker redigering og er inkludert i form innsending til serveren.

3 Skriv inn koden <input type = "text" name = "txtName-2" id = "txtName-2" disabled = "funksjonshemmet" value = "My Deaktivert Value" />. Funksjonshemmede attributtet kan inkludere = "funksjonshemmet" streng eller tomt. Funksjonshemmede låser inngangs boksen fra redigering og utelukker feltet blir sendt til serveren med skjemaet.

4 Skriv inn koden

<Script type = "text / javascript">

funksjon lock (id) {

id.setAttribute ( "skrivebeskyttet", "skrivebeskyttet");

}

</ Script>

<Input type = "text" name = "txtValue" id = "txtValue" value = "Min Value" onblur = "lock (denne);" />

Ved hjelp av Javascript, kan attributtet legges dynamisk når brukeren klikker av input boksen for å låse i den angitte verdien.