HTML 5 HTML5 INPUT atributi

Učimo vas kako izraditi web stranicu i programirati
Uvod HTML HTML Osnove HTML Tablice HTML Frames HTML Forms HTML Head HTML 5 HTML5 Canvas HTML5 SVG HTML 5 API XML CSS CSS Selektori CSS Osnove CSS Centriranje CSS3 Bootstrap Javascript JS Osnove jQuery AngularJS Node.js Express.js JSON i MongoDB PHP PHP Osnove PHP Funkcije PHP Objekti Codeigniter Phalcon ZEND phpQuery MySQL MySQL Osnove MySQL Naredbe Aplikacije Wordpress Drupal Joomla Serveri Apache Serv Nginx Serv Razno Git Java Smalltalk Web Alati Kontakt
Početna » HTML » HTML5

HTML 5 Uvod Globalni atributi Zastarjelo Osnovni dokument Semantika - HEADER Tag - H1 ... H6 Tagovi - NAV Tag - SECTION Tag - ARTICLE Tag - ASIDE Tag - FOOTER Tag - ADDRESS Tag - FIGURE, FIGCAPTION - MAIN Tag - INS i DEL Tagovi - MARK Tag - TIME Tag - Internet Explorer 8 - HTML 4.01 Tagovi Umetanje sadržaja - IFRAME Tag - EMBED Tag - OBJECT i PARAM Tag - IMG, MAP, AREA Tag - AUDIO Tag - VIDEO Tag - SOURCE i TRACK Tagovi Novi atributi za formular - Novi FORM atributi - Novi INPUT atributi - Novi INPUT type="" - OUTPUT Tag - DATALIST Tag - PROGRESS Tag - METER Tag - KEYGEN Tag	HTML 5 HTML5 INPUT atributi Ovdje će biti prikazani novi, HTML5 atributi <input> taga. Atributi INPUT taga autofocus Omogućava da INPUT tag bude u fokusu nakon učitanja web stranice, odnosno da se pojavi kursor u input polju. Primjer: vidi code » vidi stranicu form="form1 form2 form3" Omogućava da INPUT tag bude izvan FORM containera. Ukoliko INPUT tag služi za više FORM tagova onda nazive treba odvojiti jednim praznim mjestom. Pri tome se FORM označava sa ID atributom. Grad:<input type="text" name="grad" form="form1"> <form action="" id="form1"> Ime učenika:<input type="text" name="ime"> <input type="submit" value="Potvrdi"> </form> Složeniji primjer: vidi code » vidi stranicu formaction="URL" Definira URL od skripte (PHP,JS,...) koja će pokupiti INPUT podatke i obraditi ih. Na taj način se mogu isti podaci slati na više različitih skripti. <form action="obrada.php"> Ime:<input type="text" name="ime"> <input type="submit" value="Potvrdi"> <input type="submit" value="Potvrdi" formaction="obrada.js"> </form> Primjer: vidi code » vidi stranicu formenctype="application/x-www-form-urlencoded \| multipart/form-data \| text/plain" Definira encytpe formulara. Može ga se koristiti npr kada želimo poslati neki fajl na server (upload), onda u tom slučaju se mora upotrijebiti multipart/form-data. <form action="obrada.php"> Ime: <input type="text" name="ime"> Slika: <input type="file" name="fajl"> <input type="submit" value="Potvrdi (bez fajla)"> <input type="submit" value="Potvrdi (sa fajlom)" formenctype="multipart/form-data"> </form> formmethod="get \| post" Definira method formulara. <form action="obrada.php" method="get"> Ime: <input type="text" name="ime"> <input type="submit" value="Potvrdi (sa GET)"> <input type="submit" value="Potvrdi (sa POST)" formmethod="post"> </form> formnovalidate Ovo je boolean atribut koji isključuje provjeru unosa. <form action="obrada.php" method="get"> Ime: <input type="text" name="ime"> <input type="submit" value="Potvrdi (sa validacijom)"> <input type="submit" value="Potvrdi (bez validacije)" formnovalidate> </form> formtarget="_blank \| _self \| _parent \| _top" Definira prozor u kojem će se otvoriti formular. <form action="obrada.php" method="get"> Ime: <input type="text" name="ime"> <input type="submit" value="Potvrdi"> <input type="submit" value="Potvrdi (novi prozor)" formtarget="_blank"> </form> min="value" i max="value" Definiraju minimalnu i maksimalnu vrijednost koja se može unijeti u INPUT polje. To može biti broj, datum ili dio datuma (vrijeme, tjedan itd.) Količina: <input type="number" name="kolicina" min="2" max="5"> Primjer: vidi code » vidi stranicu multiple Ovo je boolean atribut koji određuje da se može unijeti više unosa u INPUT EMAIL i INPUT FILE polje. Ovaj atribut će raditi samo ako je type="file \| email". Više emailova se odvaja zarezom. Emailovi: <input type="email" name="emajl" multiple> Fajlovi: <input type="file" name="emajl" multiple> Primjer: vidi code » vidi stranicu pattern="Regular Expression" Prestavlja Regular Expression uzorak koji se mora unijeti u INPUT polje. Ako se ne unese valjano onda će validacija browsera javiti grešku. Ovaj atribut će raditi samo ako je type="text \| search \| url \| tel \| email \| password". Jezik: <input type="text" name="jezik" pattern="[a-z]{2}"> Primjer: vidi code » vidi stranicu placeholder="string" Definira text koji će se kao savjet prikazati unutar input polja, a kada kliknemo na to polje ona će text nestati. Ovaj atribut će raditi samo ako je type="text \| search \| url \| tel \| email \| password". <input type="text" name="ime" placeholder="Vaše ime"> <input type="text" name="prezime" placeholder="Vaše prezime"> Primjer: vidi code » vidi stranicu required Ovo je boolean atribut koji kaže da je polje obavezno za unos tj. da ne može ostati nepopunjeno. Ovaj atribut će raditi samo ako je type="text \| search \| url \| tel \| email \| password \| date pickers \| number \| checkbox \| radio \| file". <input type="text" name="ime" required> Primjer: vidi code » vidi stranicu step Određuje unos u koracima tj. u jednakim razmacima. Ovaj atribut će raditi samo ako je type="number \| range \| date \| datetime \| datetime-local \| month \| time \| week". <input type="number" name="kolicina" step="3"> Primjer: vidi code » vidi stranicu Ostali atributi su isti kao kod HTML4.01 te ih možete vidjeti ovdje.
\| Uvjeti Korištenja \| Zaštita Privatnosti \| Kontakt \|