Obsah
Jedním z nejdůležitějších prvků v dokumentu HTML je prvek vstup protože je to hlavní zdroj energie, který máme pro uživatele, v tomto tutoriálu uvidíme trochu hlouběji, jak pracovat s tímto prvkem a vlastnostmi, které má, a také s atributy, které můžeme použít z HTML5.Vstupní text
The vstupní text, je to nejzákladnější forma vstupního prvku, umožňuje nám zachytit alfanumerický prostý text a jakýkoli speciální znak, přestože vstup není špatný, někdy musíme trochu více filtrovat, abychom získali data, která opravdu potřebujeme.
Podívejme se na speciální atributy, které můžeme s tímto prvkem použít, když pracujeme jako textový typ.
- dirname: Tento atribut není pro HTML5, tento atribut nám však umožňuje změnit směr zadávání textu buď zprava doleva, nebo zleva doprava, což běžně používáme v západním jazyce.
Komentář:
Přidat komentář
- seznam: Tento atribut je nový v HTML5 a to nám dává možnost určit id prvku datalista Tomuto prvku jsem mohl přiřadit hodnoty.
Domovská stránka:
- maximální délka: Další starý známý HTML„Není to nové, ale je to velmi užitečné, protože nám to umožňuje omezit maximální počet znaků, které vstup přijímá, příkladem je, když přijímáme 3písmenné kódy, tento atribut umístíme hodnotou 3 a při pokusu o zadání čtvrté písmeno není, prostě bych napsal.
- vzor: Novinka v HTML5 nám umožňuje zadávat vzory regulárních výrazů, abychom mohli přidat novou úroveň ověření bez použití dalších jazyků.
Číslo dílu:
- zástupný symbol: Nový V HTML5„Je to vizuální pomůcka, která nám umožňuje zadat text, který se objeví ve vstupním textu a říká malou nápovědu pro uživatele, například pokud je vstupní text pro zadání jména a příjmení, mohli bychom umístit zástupný symbol „Zadejte jméno a příjmení oddělené mezerou“, samozřejmě upravte styly tak, aby vše vypadalo esteticky správně.
Jam:
- pouze ke čtení: Tento atribut není v HTML5 novinkou, umožňuje nám, aby uživatel nemohl zadávat data nebo upravovat obsah pole, které tento atribut má.
- Požadované: Nový V HTML5, Tento atribut nám umožňuje určit, že pokud je vstup prázdný, formulář by ještě neměl být odeslán, což si vynutí povinnou povahu jeho vyplňování, čímž zvýšíme další úroveň validace.
Emailová adresa:
- velikost: Pomáhá nám specifikovat šířku vstupního prvku, tento atribut není nový, je však velmi důležitý, protože nám pomáhá poskytnout lepší vizuální podobu textu, který musí uživatel zadat, a navíc nám esteticky pomáhá vytvářet homogenní vstupních polí, aby je bylo možné umístit všechna s šířkou větší než je ta, která je ve výchozím nastavení vyvolána.
- hodnota: Není to nové v HTML5, tento atribut nám umožňuje umístit hodnoty do vstupního textu, liší se od zástupného symbolu, protože to, co je v hodnotě přiřazené při odesílání, pokud by bylo odesláno jako obsah prvku, je docela zvyklé vyplňte formulář obsahem, který je přenesen z databáze, když používáme serverový jazyk.
V další části tutoriálu uvidíme několik praktických příkladů, jak některé z těchto atributů použít.
Aktualizace: Část 2 tohoto výukového programuLíbil se vám tento návod a pomohl mu?Autora můžete odměnit stisknutím tohoto tlačítka, čímž mu dáte kladný bod
