Formuláře
Níže je uveden pouze náhled materiálu. Kliknutím na tlačítko 'Stáhnout soubor' stáhnete kompletní formátovaný materiál ve formátu PDF.
Základy webových aplikací ZWA
Přednáška č. 3 tvorba formulářů na
klientské straně
Martin Klíma
FORMULÁŘE
Formuláře
Formuláře se používají k odesílání dat na server
Omezená sada formulářových polí
Není možné vyrábět nová
Je možné je do jisté míry "přiohnout" pomocí javascriptu
Na jedné stránce může být více různých formulářů
Data z formulářů mohou být odesláná kamkoli
Dvě metody odesílání dat: GET, POST
Formuláře
<body>
<form
action="http://amun.felk.cvut.cz/vypis_form.php"
method=“get"
>
<input type="text" name="jmeno" >
<input type="submit" name="odeslat" value="Odeslat" >
</form>
</body>
Značka formuláře
Atribut action má
hodnotu URL, na
které se pošlou data
Atribut method má hodnotu
GET nebo POST
Textové vstupní pole.
Jméno pole je "jmeno"
Odesílací vstupní pole.
Zobrazí se jako tlačítko.
Formuláře
Formulářová pole
input
text
password
submit
checkbox
radio
reset
file
hidden
image
button
textarea
button
select
label
Formulářová pole
Všechna pole mohou mít atribut name
Jména polí nemusí být jedinečná
Všechna pole mohou mít hodnotu, atribut value
Řešení: pokud potřebuji odeslat více hodnot pod stejným
jménem, musím z toho udělat pole
<input type="text" name="pole1" value="Martin">
<input type="text" name="pole1" value="Zdenek">
Co se
odešle?
<input type="text" name="pole1[]" value="Martin">
<input type="text" name="pole1[]" value="Zdenek">
Odešle se
oboje.
Úspěšnost
Pole může ale nemusí být "úspěšné" (successfull)
– Úspěšné pole: hodnota je odeslána
– Neúspěšné pole: hodnota není odeslána
<input type="text" name="pole1" readonly="readonly"
value="Martin">
<input type="text" name="pole2" disabled="disabled"
value="Martin">
Úspěšné pole
Neúspěšné pole
Úspěšnost
Úspěšná položka je jen ta, která je zaškrtnutá
– ostatní se na server nepropagují
– více položek se stejným jménem, využiji pole