input typu text - Slovenský HTML 5 manuál

Element sa používa vo formulároch, kde umožňuje užívateľovi vkladať dáta. Môže mať mnoho podôb, ktoré sa líšia rôznym nastavením atribútu type.

Text je predvolený typ elementu . Jedná sa o krátky text na jeden riadok (napr. Na zadanie mena). Môžeme dospecifikovat atribúty:

• size - Veľkosť poľa, teda počet znakov. Predvolená hodnota je 20. Šírku môžeme samozrejme nastaviť aj cez CSS.
• Maxlength - Maximálna dĺžka zadávaného textu, môže byť dlhšia ako size.

Nasledujúce atribúty sú spoločné pre všetky typy inputov:

• autocomplete - Vstupuje hodnôt on a off, pričom on je predvolený. Ak je autocomplete zapnutý, ponúka prehliadač užívateľovi pri vyplňovaní údajov našepkávač, ktorý zobrazuje skôr zapísané hodnoty.
• disabled - Atribút je boolean. Ak je uvedený, nemožno meniť hodnotu elementu a ten je často zobrazený ako zašednutý.
• list - Obsahuje id elementu datalist, položky listu potom slúžia ako preddefinované možnosti elementu.
• readonly - Atribút je boolean. Ak je uvedený, nemožno hodnoty v danom poli editovať.
• name - Definuje meno elementu. Meno musí byť unikátne vzhľadom k formuláru a je po odoslaní použité ako kľúč v dvojicu kľúč-hodnota, ktorá sa na server odošle.
• value - Prednastavená hodnota poľa.
• autofocus - Atribút je boolean. Ak je uvedený, element sa zaktivní po načítaní stránky.
• form - Element môže byť definovaný mimo formulár a následne byť k tomuto formuláru pripojený uvedením atribútu form s hodnotou id formulára. Element môže patriť viac formulárom.
• pattern - Obsahuje regulárny výraz, podľa ktorého sa má hodnota v poli validovať.
• placeholder - Definuje text, ktorý sa zobrazí v prípade, že je pole prázdne. Zvyčajne je vykreslený zašednuté a slúži ako pomocník.
• required - Atribút je boolean. Ak je uvedený, znamená to, že pole musí byť pre odoslanie formulára vyplnené.

typu text zapíšeme napr. Nasledovne:

Jméno: <input type="text" name="jmeno" size="12" placeholder="Tvé jméno" />

A výsledok: