Formuláře jsou dalším velmi důležitým prvkem www stránek. Jen málokdo si asi dokáže představit registraci či vyplňování dotazníku bez jediného políčka. Lidi si na ně prostě zvykli. Setkávají se s nimi tak často, že už si to ani neuvědomují.
Formuláře jsou velmi obsáhlé téma. Proto jsem se rozhodl rozdělit je na dva díly. V tomto dílu vás postupně seznámím s nejzákladnějšími formulářovými prvky a na závěr už budete schopni vytvořit jednoduchý formulář.

Vytvoření formuláře:
Nehlavnějším prvkem formuláře je párový tag <form>
Do něj se zapisuje veškerý obsah. Např.

<form action="skript.php" method="post" target="_blank">

..... vlastní obsah formuláře


<input type="submit" value="Odeslat">

</form>

Tak teď si vysvětlíme uvedené tagy:
action - obsahuje URL skriptu, kam je formulář poslán a zpracován
method - způsob odeslání dat. Máme buď GET nebo POST. Základní metodou je GET (nemusíte zadávat). Data jsou odeslána přímo v URL, používá se u kratších formulářů. Metoda POST se neposílá v URL, ale jako samostatný objekt.
target - určitě znáte z tvorby hypertextových odkazů; určuje cílový rám, ve kterém bude operace probíhat. _blank pošle výsledek do nového okna
input - tento tag si podrobněji popíšeme dále...
value - atribut; obsah pole, udává původní hodnotu... pokud chcete prázdné políčko, nezádávejte nic

Tag input:
Tag input může mít mnoho podob. To si ukážeme na následujících příkladech:

<input type="text" size="15" name="textik" value="Ahoj">
Standartní pole

<input type="password" size="15" name="heslo" value="heslo">
Pole pro heslo, místo znaků se zobrazí hvězdičky

<input type="checkbox" checked name="checkbox" value="ano">
Zaškrtávací políčko

<input type="radio"  name="puntik" value="horni">Horní<br>


<input type="radio" name="puntik" value="dolni" checked>Dolní

Přepínač - vždy je aktivní ten, u kterého je slovo chcecked
Horní
Dolní

<input type="hidden" name="secret" value="nic">
Skryté pole! Nelze měnit... odešle se secret=nic

<input type="submit" value="odeslat">
Standartní tlačítko "odeslat"; odesílá formulář ke zpracování

<input type="reset" value="reset">
Tlačítko, které vynuluje všechny zapsané hodnoty

<input type="file" name="soubor">
Je poslední typ, který slouží pro zadání cesty a odeslání souboru na server. Povíme si o něm v některém z dalších článků

Co je to tag size?:
Tag size udává velikost pole (ve znacích), např size="15" = 15 znaků

Co je to tag name?:
Name je nejdůležitější atribut formulářových tagů. Identifikuje je a posílá své jméno s daty.

Poslední tag, který si dnes popíšeme, je párový tag textarea. Uvedu příklad:

<textarea size="10" rows="5" cols="20" name="dlouhytext">Text......

</textarea><br>

<input type="submit" value="odeslat">

Vypadá to asi takhle:

Zkuste si uvedené kód jakkoliv změnit, uvidíte, že není tak těžké základní úpravu formuláře pochopit...

Tak by bylo pro dnešek vše.... příště si popíšeme další tagy. Pokusíme se také vytvořit si svůj vlastní formulář a upravit si jej podle vlastních představ...
Autor: El Carlos

Štítky: HTML

Facebook Twitter Topčlánky.cz Linkuj.cz

Sdílet