HTML Formuláře.

Slides:



Advertisements
Podobné prezentace
Web Michal Žůrek Jak se na něj dívám já..
Advertisements

Způsob zápisu JavaScriptu do dokumentu  JavaScript se do webové stránky dá zapsat třemi způsoby:  Pomocí značek do proudu dokumentu  Pomocí značek s.
Textový procesor (MS Word)
Dynamické dokumenty na straně klienta Informatika pro ekonomy II.
IKT PHP PHP Tvorba formuláře - 10 Mgr. Josef Nožička
Technologie pro publikování na webu 1 Ing. Jiří Štěpánek.
Vstupy a výstupy v JavaScriptu Vstup: použitím metody prompt objektu window čtením hodnot z položek formuláře Výstup : použitím metody alert objektu window.
Dynamické dokumenty na straně klienta Informatika pro ekonomy I přednáška 5, 6.
Dynamické dokumenty na straně klienta Informatika pro ekonomy I přednáška 5, 6.
Formuláře jsou důležitou součástí stránek, slouží:  k přihlašování k některým stránkám (eshopy, bakaláři, diskuze na webu apod.)  k odeslání údajů do.
Formuláře Formuláře lze nalézt téměř na každém webu. Formuláře lze nalézt téměř na každém webu. Použití formulářů: Použití formulářů: Blog Blog Uživatelské.
Tvorba stránek  komu jsou stránky určeny  grafická úprava stránek  obsah  motivy vzhledu stránky
HTML HyperText Markup Language 3. část Ústav automatizace inženýrských úloh a informatiky FAST VUT v Brně 0U2 - Základy informatiky a výpočetní techniky.
HYPERTEXT PREPROCESSOR. JAZYK PHP. Jazyk PHP (Hypertext PreProcessor) je intepretovaný jazyk určený pro web. Je celkem jednoduchý, snadno přenositelný.
Dajbych Václav Pole Další stránku vyvoláte levým kliknutím na Vaší myš, nebo popřípadě rolovacím kolečkem.
PHP Zpracování formuláře v PHP - 11 Mgr. Josef Nožička IKT PHP
TVORBA WEBOVÝCH STRÁNEK
Hromadná korespondence
YMUSY1 Multimediální systémy 1 Cvičení 5 Formuláře a ovládací prvky.
Hromadná korespondence
Adobe Dreamweaver CS4 Ing. Martin Dosedla.
Hromadná korespondence
TNPW1 Technologie pro publikování na webu Cvičení č. 5 SFTPFormuláře Martin Adámek.
17.Tabulkový procesor (filtrování a řazení dat, formuláře, podmínky a podmíněné formátování, export a import dat) Barbora Skoumalová 4.A.
TNPW1 Cvičení
VY_32_INOVACE_4.3.IVT1.18/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
Přehled pro vytvoření formuláře
PHP – zasílání dat z formuláře
Skladba HTML dokumentu
Číslo projektuCZ.1.07/1.5.00/ Číslo materiáluVY_32_INOVACE_257 Název školyGymnázium, Tachov, Pionýrská 1370 Autor Ing. Roman Bartoš Předmět Informatika.
TEXTOVÝ EDITOR.
VY_32_INOVACE_4.3.IVT1.12/Oc Autorem materiálu a všech jeho částí, není-li uvedeno jinak, je Ing. Jaroslav Ochodek CZ.1.07/1.5.00/ Tvorba webových.
ANOTACEPrezentace obsahuje informace o elektronické komunikaci, využití u. Druh učebního materiáluDUM Očekávané výstupy Žáci si vytvoří ovou.
MS ACCESS - FORMULÁŘE Databázové systémy.
HTML, XHTML a CSS Základy jazyků značek.
Maturitní okruh č. 15, K. Záchová, VIII.A zaměřeno na MS WORD 2007.
Tabulky, kreslení, diagramy, šablony
Sociální síť Sociální síť, zvaná též společenská síť, komunitní síť či komunita, anglicky social network, je propojená skupina lidí, kteří se navzájem.
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
DHTML Jan Felger. Kapitola 0: Základní tagy Základy HTML © Jan Felger 2005 Úvod Tato prezentace zobrazuje pouze zcela základní minimum znalostí, které.
Dynamické dokumenty na straně serveru Informatika pro ekonomy II přednáška 8.
Úvod do JavaScriptu JavaScript je p JavaScript je programovací jazyk, který se používá na webových stránkách. JavaScript je typu KLIENT - KLIENT To znamená,
CO NÁS ČEKÁ ve cvičení 5 Oč. - KIT PEF CZU 1. O DKAZY Chceme-li, aby čtenář naší html stránky někam odklepnul..... Oč. - KIT PEF CZU.
WWW stránky – Úvod Mgr. Lenka Švancarová.
PHP Vytváření formuláře.
Elektronický registr oznámení Zpracoval(a): Mgr. František Rudecký
PROGRAMOVÁNÍ V PHP PERSONAL HOME PAGES FORMULÁŘE.
Vytvoření hypertextového odkazu
MS Word Hromadná korespondence v MS Word 2007.
ACCESS ÚVOD DO PROGRAMU - 02 Ing. Jana Horáková IKT MS Office
Střední škola služeb a podnikání, Ostrava-Poruba příspěvková organizace Výukový materiál v rámci projektu OPVK 1.5 Peníze středním školám Číslo projektu:
Formuláře Formuláře uzavíráme do elementů Formuláře uzavíráme do elementů a a Tyto elementy jsou součástí jazyka XHTML, to znamená, že při použití v PHP.
Nové modulové výukové a inovativní programy - zvýšení kvality ve vzdělávání Tento projekt je spolufinancován Evropským sociálním fondem a státním rozpočtem.
HYPERTEXTOVÉ ODKAZY V PowerPointu 2010.
Použití dotazu jako zdroj dat pro pohled Vypracovala: Procházková Petra.
Samostatná práce 2 Tabulky, seznamy, formuláře. CÍL Ověřit znalosti použití základních HTML konstrukcí –Tabulka –Seznam –Formulář.
Tvorba www stránek CSS (Úvod do kaskádových stylů (Úvod do kaskádových stylů) Ing. Miroslav Vachůn, Ph.D.
DATABÁZOVÉ SYSTÉMY Ing. Roman Danel, Ph.D.
Jan Růžička, Leden /01/05 Proč pro prezentaci prostorových dat využívat nástrojů WWW Nízké náklady na vybavení klientského počítače Snadné zvýšení.
PROGRAMOVÁNÍ V PHP PERSONAL HOME PAGES FORMULÁŘE + PODMÍNKY + SWITCH.
Internetové publikování Doc. Ing. Petr Zámostný, Ph.D. místnost: A-72a tel.: 4222, 4167 (sekretariát ústavu 111)
JavaScript úvod. Jazyky webového vývojáře Dynamická stránka  aktivně mění svůj obsah v reakci na činnost uživatele  zpracování na straně serveru (PHP,
HYPERTEXT PREPROCESSOR. JAZYK PHP. VYUŽITÍ JAZYKA Programování dynamických internetových stránek a webových aplikací vytvoření šablony webu kniha návštěv.
Jednoduché zprávy funkce MsgBox MsgBox (prompt, buttons, title, helpfile, context): button funkce InputBox InputBox (prompt, title, default, xpoz, ypoz,
Tvorba webu Zdeněk Malý.
Vysoká škola ekonomická v Praze :: Jména a příjmení Datum vyhotovení: Bakalářská práce.
Výukový materiál zpracovaný v rámci projektu: Střední zdravotnická škola ÚO – šablony Registračn í č í slo projektu: CZ.1.07/1.5.00/ Š ablona: III/2.
Přehled pro vytvoření formuláře
NÁZEV ŠKOLY: Základní škola Josefa Bublíka, Bánov
Tvorba webových stránek
Transkript prezentace:

HTML Formuláře

Formulář Dynamické interaktivní stránky Návštěvník může komunikovat se serverem Zadávat osobní data, heslo, psát a posílat text, atp. Formulář je svázán s nějakou procedurou nebo scripty (java script,php,...)

Formulář příklad

Formulář HTML <form > … </form> Attributy: Příklad: name jméno fromuláře action skript, který bude zpracovávat data method způsob předávání dat enctype způsob zakódování dat Příklad: <form name=“form1” action=“javascript:muj_script();” method=“get” enctype=“text/plain”> <!-- definice formulare --> </form>

Tlačítko = Button <input type=“button”> Atributy: onClick jméno scriptu který se vykoná value jméno tlačítka Příklad: <form> <input type=“button” onClick=“javascript:mojefunkce();” value=“OK”> </form> OK

Tlačítko OK = submit <input type=“submit”> Atributy: value jméno tlačítka Příklad: <form> <input type=“submit” value=“OK”> </form> OK

Tlačítko Reset = reset <input type=“reset”> Atributy: value jméno tlačítka Příklad: <form> <input type=“reset” value=“Vymazat”> </form> Vymazat

Text: 1 řádek <input type=“text”> Attributy: value předdefinovaný text size velikost dialogu maxlength maximální počet znaků name jméno Příklad: <form> jméno:<input type=“text” size=40 value=“xxx” name=“tx”> </form> jméno: xxx

heslo: password <input type=“password”> Attributy: value předdefinovaný text size velikost dialogu maxlength maximální počet znaků name jméno Příklad: <form> jméno:<input type=“password” value=“xxx” name=“tx”> </form> jméno:

Text: více řádků <textarea>text</textarea> Attributy: cols šířka rámečku: počet znaků na řádku rows výška rámečku: počet řádků name jméno Příklad: <form> text:<textarea rows=3 cols=40>xxx</textarea> </form> text: xxx

Zatržítko: checkbox <input type=“checkbox”> Attributy: name jméno CHECKED Příklad: <form> koníčky: sport <input type=“checkbox” CHECKED> hudba <input type=“checkbox” > </form> koníčky: sport hudba

Přepínač: radio <input type=“radio”> Attributy: name jméno (musí být stejné pro všechna svázaná tlačítka) CHECKED Příklad: <form> pohlaví: muž <input type=“radio” name=“rb” CHECKED> žena <input type=“radio” name=“rb”> </form> pohlaví: žena muž

Rozevírací nabídka: select <select> <option>1</option> <option>2</option> …</select> Attributy select: name jméno Atributy option: value hodnota SELECTED vybraná položka Příklad: <form> Jazyk: <select name=“nabidka”> <option value=“český” SELECTED> český </option> <option value=“anglický”> anglický </option> </select> </form> Jazyk: český v český anglický český

Seznam: select <select MULTIPLE> <option>1</option> <option>2</option> …</select> Attributy select: name jméno Atributy option: value hodnota SELECTED vybraná položka Příklad: <form> Jazyk: <select MULTIPLE name=“nabidka”> <option value=“český” SELECTED> český </option> <option value=“anglický”> anglický </option> </select> </form> Jazyk: český anglický český

JavaScript Skript na stránce Skript v dokumentu vytvoříte tak, že ho napíšete mezi značky <script> a </script>. <html> <body> <script> document.write("ahoj"); </script> </body> </html>

JavaScript Externí skript Skript je uložen v samostatném souboru a jeho obsah není vidět v dokumentu. <html> <body> <script language="JavaScript" type="text/javascript" src="funkce.js"></script> </body> </html>

JavaScript - Funkce Funkce je kousek skriptu, který můžete opakovaně vyvolávat. Funkce šetří čas a námahu. Příklad: <script> function napis(jmeno) { document.write(jmeno); } </script> napis(“Jim”); -> napíše Jim napis(“Jan”); -> napíše Jan

Formátování formuláře <table> <tr><td>jméno</td><td><input type=“text”></td> <tr><td>příjmení</td><td><input type=“text”</td> </table> jméno příjmení

Bez tabulky jméno <input type=“text”> <br> příjmení <input type=“text”> jméno příjmení