e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

Ponastavitev obrazca

Koda:

web editor

<form id="vnos" action="input-reset.html" method="post">
<p>
Vpiši svoje ime:
<input type="text" name="ime" value="Janez" />
</p><p>
Vpiši svoj priimek:
<input type="text" name="priimek" value="Krajnc" />
</p><p>
Jaz se vozim z:
</p><p>
<input type="checkbox" name="kolo" checked="checked" /> kolesom
</p><p>
<input type="checkbox" name="avto" /> avtom
</p><p>
<input type="checkbox" name="avtobus" /> avtobusom
</p><p>
<input type="checkbox" name="vlak" /> vlakom
</p><p>
<input type="submit" value="Pošlji" />
</p><p>
<input type="reset" value="Ponastavi" />
</p><p>
</form>

Izgled v
brsklalniku

Vpiši svoje ime:

Vpiši svoj priimek:

Jaz se vozim z:

kolesom

avtom

avtobusom

vlakom

Razlaga: S pritiskom na gumb reset ponastavimo vrednosti, ki se nahajajo v obrazcu, ki je starš gumba reset. Gumb se ustvari v HTML z značko <input>, ki ima atribut type z vrednostjo reset.
V gornjem obrazcu spremeni vrednosti in pritisni gumb Ponastavi.

SERŠ Maribor : Strokovna gimnazija : 2004 : Mitja Račnik