Formuláře Aby nám mohli uživatelé něco hezného napsat... ... třeba co si o nás myslí!
Formuláře HTML formuláře: Možnost, jak uživatel může vložit obsah na web - odeslat data na server - zpracovat data ve webové stránce JavaScriptem
Formuláře
action: skript, kterému budou poslána data method: HTTP metoda
•GET •POST •PUT •DELETE •HEAD
HTTP metody
GET – získání dat ze serveru POST – poslání změn na server PUT – vytvoření nového záznamu DELETE – smazání záznamu HEAD – získání informací o záznamu
HTTP metody Architektonický vzor REST:
Objekty mají vlastní adresu (URL); k nim je definována sada operací CRUD (Create; Retrieve; Update; Delete) V praxi se používají nejčastěji GET a POST (hlavně proto, že FORM jiné metody nezvládal) GET pro získávání dat, POST pro jakékoli změny.
Formulářové prvky • Textová pole • Přepínače • Zaškrtávací políčka • Rozbalovací seznamy • Tlačítka V HTML5 nové typy: kalendář, barva, e-mail, ...
Mocný • Textové pole • Pole pro heslo • Přepínače • Zaškrtávací políčka • Odesílací tlačítko
Mocný name: jméno, pod nímž bude obsah prvku poslán v HTTP dotazu; pod ním bude dostupný na serveru. Nově ho lze nahradit pomocí id, ale podpora není konzistentní
Mocný disabled: zakázaný readonly: pouze ke čtení required: vyžadovaný
Input type=text size: šířka políčka v počtu znaků (použijte ale spíš CSS vlastnost width) maxlength: počet znaků, které lze zadat
Input type=password Totéž jako text, jen místo znaků jsou kolečka
Input type=hidden Vstupní prvek není vidět, používá se k předání "skrytých parametrů"
Input type=checkbox Zaškrtávací políčko – ano / ne
Input type=radio Více prvků se stejným jménem (name) vytvoří skupinu – přepínač, u něhož může být vybrána jen jedna jediná hodnota.
Input type=submit Odesílací tlačítko. Jeho aktivace způsobí odeslání zadaných dat na server
Input type=reset Nulovací tlačítko – vymaže formulář a zobrazí přednastavené hodnoty. Jeho použitelnost je sporná; snažte se mu vyhnout, jeho užitek rozhodně nevyváží omylem smazané formuláře. Navíc je svázán se stisknutím klávesy Esc.
Input type=image Odesílací tlačítko jako obrázek; na server posílá souřadnice bodu, kde bylo kliknuto.
Input type=file pro upload souborů. Zobrazí textové pole a tlačítko "Vybrat soubor"
