Tag <input />
input definuje vstupní pole, kde může uživatel zadat nějaká vstupní data.
Pole může být i skryté s předvyplněným parametrem, může mít různý vzhled resp.
různou metodu vstupu, viz atribut type.
Pokud uživatel zadá nějaká vstupní data a stlačí potvrzovací tlačítko, data budou přenesena na serverový script,
definovaný atributem action elementu <form>.
Atribut accesskey: číslo 0-9 nebo značka * a #, které může uživatel použít k rychlému přístupu kl jednotlivým volbám.
Atribut checked: udává, zda je checkbox již označen
Atribut disabled: znemožňuje uživateli přístup k zadání/označení.
Atribut emptyok: možnost vyžadování nějakého zadání od uživatele (nebo možnost nic nezadávat)
Atribut maxlength: při použití type="text" a type="password" udává maximální počet zadaných znaků
Atribut name: definuje název proměnné odeslané scriptu
Atribut readonly: [readonly] znemožnění zadání (WML extension v XHTML-MP.)
Atribut value: hodnota odesílaná spolu s atributem name (pro type="submit" a type="reset" zobrazený text)
- Rodičovské elementy
- <a> <abbr> <acronym> <address> <b> <big> <caption> <cite> <code> <dd> <dfn> <div> <dt> <em> <fieldset> <h1> <h2> <h3> <h4> <h5> <h6> <i> <kbd> <label> <li> <object> <p> <q> <samp> <small> <span> <strong> <td> <th> <var>
- Atributy
- accesskey = character
- checked = checked
- class = nmtokens
- emptyok = true | false
- format = cdata
- id = id
- istyle = cdata
- localsrc = cdata
- maxlength = number
- name = cdata
- size = cdata
- src = URL
- style = cdata
- tabindex = number
- title = cdata
- type = text | password | checkbox | radio | submit | reset | hidden
- value = cdata
- xml:lang = lang
- xmlns = http://www.w3.org/1999/xhtml
Příklady
<?xml version="1.0"?>
<!DOCTYPE html PUBLIC "-//OPENWAVE//DTD XHTML Mobile 1.0//EN"
"http://www.openwave.com/dtd/xhtml-mobile10.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<title>
Input
</title>
</head>
<body>
<h4>
Joe from Joe´s!
</h4>
<form action="" method="post">
<p>
<label>
Name:
<input type="text" name="name" size="8" maxlength="8"
emptyok="true" title="Edit"/>
</label>
</p>
<p>
<label>
Lg
<input type="radio" name="size" value="large"
checked="checked" title="Large"/>
</label>
<label>
Md
<input type="radio" name="size" value="medium"
title="Medium" disabled="disabled"/>
</label>
<label>
Sm
<input type="radio" name="size" value="small"
title="Small"/>
</label>
</p>
<p>
<label>
Cream
<input type="checkbox" name="condiment" value="cream"
title="Cream?"/>
</label>
<label>
Sugar
<input type="checkbox" name="condiment" value="sugar"
title="Sugar?"/>
</label>
</p>
<p>
<input type="submit" src="../img/bod.gif" value="Order"
title="Order"/>
<input type="reset" value="Start Over" title="Clear"/>
</p>
<p>
<input type="hidden" name="formid" value="C-003" />
</p>
</form>
</body>
</html>
Jinak