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

<input />

Atributi: accept | accesskey | alt | checked | class | dir | disabled | id | maxlength | name | onblur | onchange | onclick | ondblclick | onfocus | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onselect | readonly | size | src | style | tabindex | title | type | usemap | value | xml:lang
Starši: a | abbr | acronym | address | bdo | big | caption | cite | code | dd | del | dfn | div | dt | em | fieldset | h1 | h2 | h3 | h4 | h5 | h6 | ins | kbd | label | legend | li | object | p | pre | q | samp | small | span | strong | sub | sup | td | th | tt | var

Element input je srce gradnikov obrazcev. Pojavlja se v desetih različicah, ki so odvisne od atributa type. Tipi so:

Nekateri atributi

checked

Atribut checked se uporablja za prednastavitev izbirnih ali potrditvenih polj.

<input name="g1" type="radio" checked="checked" />

disabled

Atribut disabled je logične vrednosti. Običajno je onemogočeno polje prikazano v sivi barvi.

<input name="o1" type="radio" disabled="disabled" />

maxlength

Atribut maxlength nastavi največje število znakov, ki je lahko vneseno v okvirček za besedilo.

<input name="t1" type="text" maxlength="20" />

name

Atribut name je niz znakov, ki se uporablja za označevanje polja v obrazcu. Ime mora biti unikatno, razen za skupino izbirnih gumbov (radio), ki morajo imeti isto ime. Za identifikacijo se lahko seveda uporabi še atribut id

<input name="splol" type="radio" /> moški
<input name="splol" type="radio" /> ženski

size

Atribut size določa velikost polja, če se uporabi za vnos pisava tipa monospace. Ker se običajno uporablja drugačna pisava, vidimo več znakov. Določa le vidno polje, ne pa število znakov, ki se lahko vnesejo v polje (glej maxlenght).

Primer

<form id="input" action="action.asp" method="get">
Moje najbolj priljubljeno prevozno sredstvo je:
<br />
<input type="radio" name="prevoz" checked="checked" /> kolo
<br />
<input type="radio" name="prevoz" /> avto
<br />
<input type="radio" name="prevoz" /> avtobus
<br />
<input type="radio" name="prevoz" /> vlak
</form>

SERŠ Maribor : Strokovna gimnazija : 2004 : Dejan Habe