JSFiddle - React, Tailwind, and code Playground
by gripphon
HTML
<h2>Rad sa elementima forme - 1. deo</h2>
<h3>INPUT Elementi Forme</h3>
<form method="post">
<label>Polje za unos teksta :</label>
<input type="text" placeholder="Molimo, unesite bilo sta" />
<br><br>
<label>Polje za unos lozinke/osetljivih podataka :</label>
<input type="password"/>
<br><br>
<label>Nevidljivo polje za unos proizvoljnog sadržaja :</label>
<input type="hidden"/>
<br><br>
<label>Polje za unos kriterijuma pretrage :</label>
<input type="search"/>
<br><br>
<label>Polje za unos numeričkog podatka (min=1,max=25,step=0.3) :</label>
<input type="number" min="1" max="25" step="0.3"/>
<br><br>
<label>Polje za unos e-mail adrese :</label>
<input type="email" />
<br><br>
<label>Polje za unos URL adrese :</label>
<input type="url" />
<br><br>
<label>Polje za unos broja telefona :</label>
<input type="tel" />
<br><br>
<label>Polje za unos datuma - bez ograničenja :</label>
<input type="date"/>
<br><br>
<label>Polje za unos datuma - sa ograničenjima :</label>
<input type="date" min="2017-03-01" max="2017-05-31" step="3" />
<br><br>
<label>Polje za unos vremena :</label>
<input type="time"/>
<br><br>
<label>Polje za unos vremena - dodaje deo za sekunde :</label>
<input type="time" step="1"/>
<br><br>
<label>Polje za unos broja nedelje u godini - bez ograničenja:</label>
<input type="week"/>
<br><br>
<label>Polje za unos broja nedelje u godini - sa ograničenjem :</label>
<input type="week" min="15" max="40" step="1" />
<br><br>
<label>Primer upotrebe radio dugmadi</label>
<br>
<label>Odaberite pol : </label>
<input type="radio" value="n" name="pol" checked /> Neopredeljen
<input type="radio" value="m" name="pol" /> Muški
<input type="radio" value="z" name="pol"/> Ženski
<br><br>
<label>Primer upotrebe check polje</label>
<br><br>
<label>Odaberite jedan ili više od sledećih dostupnih kurseva : </label>
<br>
<input type="checkbox" value="html" name="kursevi" checked /> HTML
<br>
<input type="checkbox" value="css" name="kursevi" /> CSS...