IVT - formulářové prvky

2. listopadu 2011 v 17:56 | Laduskha
-->


Formulářové prvky v HTML
1) FORM
- párová značka
- uvozuje celý jeden formulář
- parametry:
a) name
- jméno formuláře, se kterým JavaScript pracuje
- podle jména dokáže JavaScript tento formulář zaměřit
Příklad:
<body>
<h1>Formulář </h1>
<form name="formular">
...
</form>
</body>
2) TEXTOVÝ VSTUP (TYPE="TEXT")
- nepárová značka, v XHTML ale ukončovat
- <input type="text"/>
A) SIZE - určuje délku textového pole
B) NAME - určuje název textového pole, tento název se pak použije při zaměření JavaScriptem
C) VALUE - předepíšeme text do pole
Příklad:
<input type="text" name="e-mail" size="15" value="@" />
3) TEXTOVÝ POSTUP(TYPE="PASSWORD")
- nepárová značka, v XHTML ale ukončovat
- <input type="password"/>
D) SIZE - určuje délku textového pole
E) NAME - určuje název vyplňovacího pole ,,pasword", tento název se pak použije při zaměření JavaScriptem
Příklad:
<input type="password" name="password" size="15"/>
4) ODESÍLACÍ TLAČÍTKO(TEXT="BUTTON")
- - nepárová značka, v XHTML ale ukončovat
- <input type="button"/>
- NAME - určuje název tlačítka, tento název se pak použije při zaměření JavaScriptem
- VALUE - text na tlačítku
- metoda, která se zahájí, když uživatel na tlačítko klikne
Příklad:
<input type="buton" value="Odeslat" metoda="co se má vykonat" />
METODY k tlačítkům:
- onClick: spustí funkci po kliknutí
5) PŘEPÍNAČ(TEXT="RADIO")
- nepárová značka, v XHTML ale ukončovat
- <input type="radio"/>
- NAME - určuje skupinu přepínačů
- VALUE - název přepínače v rámci skupiny
- CHECKED - určuje, zda je přepínač zatrhnut
Příklad:
<input type="radio" name="pohlavi" value="muz" checked="checked" />
6) ZATRHÁVACÍ POLÍČKO(TEXT="CHECKBOX")
- nepárová značka, v XHTML ale ukončovat
- <input type="checkbox"/>
- NAME - název zatrhávacího políčka
- CHECKED - určuje, zda je přepínač zatrhnut
Příklad:
<input type="checkbox" name="hudba" checked="checked" />
7) VYMAZÁNÍ FORMULÁŘE(TEXT="RESET")
- nepárová značka, v XHTML ale ukončovat
- smaže celý formulář
- <input type="reset"/>
- VALUE - co bude na tlačítku napsáno

Příklad:
<input type="reset" value="vymazat formulář" />
8) ROLETKOVÉ MENU NEBO SEZNAM
- párová značka SELECT
- položky roletkového menu nebo seznamu se definují pomocí značky OPTION
- SELECT má pouze jeden parametr NAME
- značka OPTION má dva parametry
- VALUE, SELECTED
Příklad:
<select name="zamestnani">
<option value="lekar">Lékař
<option value="pravnik">Právník
<option value="učitel">Učitel
</select>
 

Buď první, kdo ohodnotí tento článek.

Nový komentář

Přihlásit se
  Ještě nemáte vlastní web? Můžete si jej zdarma založit na Blog.cz.
 

Aktuální články

Reklama