LINUXSOFT.cz Přeskoč levou lištu
Uživatel: Heslo:  
   CZUKPL

> HTML (13) - formuláře 3

Dnes si probereme další formulářové prvky

2.9.2004 15:00 | Pavel Kácha | Články autora | přečteno 27053×

Prvky <input> známe už z minulého dílu. Kromě atributů, které jsem již zmínil, mají tyto prvky několik atributů, které jsou společné pro ně pro všechny. Mezi tyto další atributy patří naše známé id="", class="", lang="", dir="", title="" a style="".

Můžete také použít atribut alt="". Jeho obsah se zobrazí jako text v prohlížečích, které neumí zobrazit formuláře. Jazyk, kterým jsou tyto popisky psané, definujete známým atributem lang=""

Použitím atributu align="" můžete formulářové prvky zarovnat. Povolené hodnoty jsou left, right, center, justify. Tento atribut by se ale už neměl používat; lze ho nahradit pomocí CSS.

Atributem readonly určíte prvek, který je určen jen pro čtení. Takovéto prvky nemohou být uživatelem přepsané. Jediný způsob, jak změnit jejich obsah, je přes script. Jinak se prvky s atributem readonly chovají úplně stejně jako všechny ostatní prvky: mohou získat zaměření, je možné se na ně dostat přes opakované tisknutí klávesy Tab.

Pokud použijete atribut disabled znemožníte prvek nejen přepisovat, ale i získání zaměření a tím pádem zakážete i možnost dostat se na prvek přes opakované tisknutí klávesy Tab. Jedinou možností, jak změnit hodnotu prvkuje pomocí scriptu.

Pro lepší pohyb po stránce lze použít atribut tabindex="". Jako jeho hodnotu nastavíte číslo, které určuje v jakem pořadí mají při postupném tisknutí klávesy Tab získávat formulářové prvky zaměření. Normální postup je směrem shora dolů a z leva do prava.

Pro jednuduché a rychlé změny aktivních políček slouží atribut accesskey="". Jako jeho hodnotu zadejte jedno písmeno, které bude spolu s klávesou Alt fungovat jako rychlá zkratka pro přesunutí kurzoru na dané políčko.

Pak už zbývají jen atributy spojené s událostmi na stránce. Konkrétně to jsou tyto události resp. atributy (budu popisovat jen ty, které jsme jeěťě neprobírali podrobně nebo vůbec):

  • onfocus="" (aktivuje se po získání zaměření)
  • onblur="" (aktivuje se po ztracení zaměření)
  • onselect="" (aktivuje se po vybraní nějaké nabízené možností)
  • onchange="" (aktivuje se po změně - obsahu - prvku)
  • onclick=""
  • ondblclick=""
  • onmousedown=""
  • onmouseup=""
  • onmouseover=""
  • onmousemove=""
  • onmouseout=""
  • onkeypress=""
  • onkeydown=""
  • onkeyup=""

To je o prvcích <input> vše a teď se podíváme i na ostatní prvky.

Zadáváme víceřádkový text - textarea

Pro zadávání víceřádkového textu slouží tag <textarea></textarea>. Ukončovací tag je povinný. Mezi tagy se vloží text, který chcete zobrazit v textaree hned při načtení stránky.

Kromě tradičních a známých atributů id="", class="", lang="", dir="", title="", style="", readonly="", disabled="", tabindex="", onfocus="", onblur="", onselect="", onchange="", onclick="", ondblclick="", onmousedown="", onmouseup="", onmouseover="", onmousemove="", onmouseout="", onkeypress="", onkeydown="", onkeyup="", onkeyup="" můžete použít i atribut name="", kterým defnujeme jméno proměnné, ve které chceme obsah textarey předávat zpracovávajícímu scriptu.

Velikost pole pro víceřádkový text nastvíte pomocí dvou atributů. Atributem rows="" určíte kolik řádků má textarea mít a atributem cols="" nastavíte "počet sloupců" (znaků na řádek). Pokud text přesáhne nastavenou hranici, rozhodně se neztratí - na okrajích textarey se objeví posuvníky a text může pokračovat dál.

<textarea name="prispevek_do_diskuze" cols="50" rows="10">
  Do tohoto políčka vkladejte své dotazy a připomínky. Diky.
</textarea>

V přístím díle se můžete těsit na tlačítka s obrázkem a mnohé další.

Verze pro tisk

pridej.cz

 

DISKUZE

textarea 27.2.2008 18:43 Dan Pelíšek
  L Re: textarea 28.2.2008 00:34 Aleš Hakl




Příspívat do diskuze mohou pouze registrovaní uživatelé.
> Vyhledávání software
> Vyhledávání článků

17.4.2018 0:46 /František Kučera
Dubnový pražský sraz spolku OpenAlt se koná již tento čtvrtek – 19. 4. 2018 od 18:00 v Kavárně Ideál (Sázavská 30, Praha), kde máme rezervovaný salonek. Tématem tohoto srazu bude OpenStreetMap (OSM) aneb svobodné mapy.
Přidat komentář

16.3.2018 22:01 /František Kučera
Kulatý OpenAlt sraz v Praze oslavíme klasicky: u limonády a piva! Přijďte si posedět, dát si dobré jídlo a vybrat z mnoha piv do restaurace Kulový blesk, který najdete v centru Prahy nedaleko metra I. P. Pavlova na adrese Sokolská 13, Praha 2. Sraz se koná ve čtvrtek 22. března a začínáme v 18:00. Heslo: OpenAlt. Vezměte s sebou svoje hračky! Uvítáme, když si s sebou na sraz vezmete svoje oblíbené hračky. Jestli máte nějaký drobný projekt postavený na Arduinu, nějakou zajímavou elektronickou součástku, či třeba i pěkný úlovek z crowdfundingové akce, neváhejte. Oslníte ostatní a o zábavu bude postaráno.
Přidat komentář

13.2.2018 0:41 /František Kučera
Únorový pražský sraz OpenAltu se koná 15. 2. 2018 a tentokrát se vydáme na návštěvu do jednoho pražského datacentra. Sejdeme se v 17:50 v severovýchodní části nástupiště tramvajové zastávky Koh-I-Noor. Po exkurzi se přesuneme do restaurace U Pštrosa (Moskevská 49), kde probereme tradiční témata (svobodný software a hardware, DIY, CNC, SDR, 3D tisk…) a tentokrát bude k vidění i IoT brána od The Things Network.
Přidat komentář

11.2.2018 23:11 /Petr Ježek
Hledáte lehký a rychlý prolížeč PDF souborů? Pokud vás již omrzelo čekat na načítání stránek či jiné nešvary, zkuste xreader.
Přidat komentář

11.2.2018 20:35 /Redakce Linuxsoft.cz
Třetí ročník odborné IT konference na téma Cloud computing v praxi proběhne ve čtvrtek 1. března 2018 v konferenčním centru Vavruška, v paláci Charitas, Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00 hod. dopoledne do cca 16 hod. odpoledne. Konference o trendech v oblasti cloud computingu nabídne i informace o konkrétních možnostech využívání cloudů a řešení vybraných otázek souvisejících s provozem IT infrastruktury.
Přidat komentář

15.1.2018 0:51 /František Kučera
První letošní pražský sraz se koná již tento čtvrtek 18. ledna od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5). Vítáni jsou všichni příznivci svobodného softwaru a hardwaru, ESP32, DIY, CNC, SDR nebo dobrého piva. Prvních deset účastníků srazu obdrží samolepku There Is No Cloud… just other people's computers. od Free Software Foundation.
Přidat komentář

14.11.2017 16:56 /František Kučera
Máš rád svobodný software a hardware nebo se o nich chceš něco dozvědět? Zajímá tě DIY, CNC, SDR nebo morseovka? Přijď na sraz spolku OpenAlt – tradičně první čtvrtek před třetím pátkem v měsíci: 16. listopadu od 18:00 v Radegastovně Perón (Stroupežnického 20, Praha 5).
Přidat komentář

12.11.2017 11:06 /Redakce Linuxsoft.cz
PR: 4. ročník odborné IT konference na téma Datová centra pro business proběhne již ve čtvrtek 23. listopadu 2017 v konferenčním centru Vavruška, v paláci Charitas, Karlovo náměstí 5, Praha 2 (u metra Karlovo náměstí) od 9:00. Konference o návrhu, budování, správě a efektivním využívání datových center nabídne odpovědi na aktuální a často řešené otázky, např Jaké jsou aktuální trendy v oblasti datových center a jak je využít pro vlastní prospěch? Jak zajistit pro firmu či jinou organizaci odpovídající služby datových center? Podle jakých kritérií vybrat dodavatele služeb? Jak volit součásti infrastruktury při budování či rozšiřování vlastního datového centra? Jak efektivně spravovat datové centrum? Jak eliminovat možná rizika? apod.
Přidat komentář

   Více ...   Přidat zprávičku

> Poslední diskuze

20.2.2018 18:48 / Ivan Majer
portal

20.2.2018 15:57 / Jan Havel
Jak využíváte služby cloudu v podnikání?

16.1.2018 1:08 / Ivan Pittner
verejna ip od o2 ubuntu

15.1.2018 17:26 / Mira Harvalik
Re: Jak udělat HTML/Javascript swiping gallery do mobilu?

30.12.2017 20:16 / Michal Knoll
odmocnina

Více ...

ISSN 1801-3805 | Provozovatel: Pavel Kysilka, IČ: 72868490 (2003-2018) | mail at linuxsoft dot cz | Design: www.megadesign.cz | Textová verze