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