| e-gradiva | HTML | CSS | JavaScript | Načrtovanje | |||||
![]() |
|||||||||
| SERŠ Maribor | Iskanje | Primeri | |||||||
| 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:
Atribut checked se uporablja za prednastavitev izbirnih ali potrditvenih polj.
<input name="g1" type="radio" checked="checked" />
Atribut disabled je logične vrednosti. Običajno je onemogočeno polje prikazano v sivi barvi.
<input name="o1" type="radio" disabled="disabled" />
Atribut maxlength nastavi največje število znakov, ki je lahko vneseno v okvirček za besedilo.
<input name="t1" type="text" maxlength="20" />
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
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).
<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>
→ Primer vrstičnega polja za vnos besedila
→ JavaScript: Input/text v Javascript
→ JavaScript: Primer vnašanja podatkov v tekstovno polje
→ Primer gumba
→ JavaScript: Input/button v Javascript
→ Primer potrditvenega kvadratka
→ JavaScript: Input/checkbox v Javascript
→ Primer radijskih gumbov
→ JavaScript: Input/radio v Javascript
→ JavaScript: Primer izbire podatkov z radijskimi gumbi
→ Primer vnosa gesla
→ JavaScript: Input/password v Javascript
→ Primer datoteka
→ JavaScript: Input/file v Javascript
→ JavaScript: Primer odpiranja datoteke v Javascript
→ Primer pošiljanja obrazca
→ JavaScript: Input/submit v Javascript
→ Primer pošiljanja obrazca, slika
→ JavaScript: Input/image v Javascript
→ Primer ponastavitve obrazca
→ JavaScript: Input/reset v Javascript
→ Primer skritega polja
→ JavaScript: Input/hidden v Javascript
SERŠ Maribor : Strokovna gimnazija : 2004 : Dejan Habe