Jak nejlépe využít pokročilé atributy formuláře HTML?



Tento článek vás seznámí s některými pokročilými atributy formulářů HTML a během procesu také poskytne praktickou ukázku.

je zjevně první věc, co vás napadne po poslechu pojmu www. Je to v zásadě věc za každým webem, který dnes navštívíte. V tomto článku prozkoumáme některé pokročilé atributy formuláře HTML.

V tomto článku se budeme zabývat následujícími ukazateli,





Pojďme tedy začít s tímto článkem,

Pokročilé atributy formuláře HTML

Samotné HTML nemůže dosáhnout spravedlnosti s některými z nejoblíbenějších návrhů, které dnes vidíme. Vyžaduje pomoc a kterou poskytuje CSS nebo Kaskádový styl . HTML a CSS lze společně použít k vytvoření atraktivních webových stránek.



Pokračujeme v tomto článku o pokročilých atributech formuláře HTML

Značky a atributy v HTML

Jedná se o základy HTML a oba pracují společně, ale vykonávají různé funkce.

Značky: Značky se používají k označení začátku prvku HTML a jsou uzavřeny v hranatých závorkách.



Příklad:

Fibonacciho sekvence c ++

Výše uvedená značka je značka záhlaví v HTML.

Atributy: Jedná se o další informace o značkách a jsou uvedeny ve značce.



Příklad:

 ”My

Výše uvedená značka je značka obrázku a alt je atribut značky a poskytuje popis obrázku hello_world.jpg

Protože jsme diskutovali o základech, které jsme potřebovali, můžeme nyní posunout dále s motivem tohoto článku, kterým jsou některé pokročilé značky HTML a CSS.

Pokračujeme v tomto článku o pokročilých atributech formuláře HTML

Atributy Max, Maxlength a Min

Jedná se zejména o atributy vstupní značky, tj. Vstupní tag se v zásadě používá uvnitř tagu k přijetí různých typů vstupů od uživatele, jako je text, číslo, přepínač, data, zaškrtávací políčko, čas, heslo atd.

Max

Tento atribut určuje maximální hodnotu pro jakýkoli zadaný vstup. Pokud se uživatel pokusí zadat více než maximální hodnotu, znaky nebo hodnoty poté nepřijme.

Poznámka:

Atribut Max byl zaveden s HTML 5.

Příklad:

Počet studentů:

Odkaz na GitHub:

Hodnotu studentů nelze zvýšit nad 50.

Výstup - Pokročilé atributy formuláře HTML - Edureka

Poznámka: Akce atributu značky určuje, kam se zadané údaje odešlou pro další proces. V tomto případě je to submit_detail.php, což je soubor PHP.

Počet studentů je detail, který se má zadat do textového pole.

Atribut max v první značce uvádí maximální číselnou hodnotu, kterou lze zadat do textového pole, což je hodnota větší než 50, která by nebyla přijata, což je hlavní motiv atributu max.

Značku Max lze také použít k definování maximálního data, které může uživatel zadat do vstupního pole.

Příklad:

Zadejte své datum narození ve formátu RRRR-MM-DD: 
Max. Datum narození: 2000-03-31

Odkaz na GitHub:

Použili jsme 31SvatýBřezen 2000 jako maximální datum a možností je kalendář je omezen pouze na toto datum.

V tomto vstupním poli by uživatel nebyl schopen zadat datum, které je po zadaném datu v atributu max.

Pokračujeme v tomto článku o pokročilých atributech formuláře HTML

Maximální délka

Jak název napovídá, tento atribut určuje maximální délku znaků, které může uživatel zadat do vstupního pole. Hodnoty atributů jsou čísla.

Příklad:

vložte svoji přezdívku:

Odkaz na GitHub:

Limit vstupního pole je 15 znaků, takže vstup je omezen pouze na 15 znaků.

Tento atribut maxlength ve značce by omezil uživatele na vstup, který by přísně nebyl větší než zadaná hodnota, která je 15.

Poznámka Výchozí hodnota atributu maxlength je 524288.

Pokračujeme v tomto článku o pokročilých atributech formuláře HTML

Min

Atribut min určuje minimální hodnotu pro hodnotu, která se má zadat do vstupního pole.

Příklad:

Zadejte věk:

Odkaz na GitHub:

Atribut min ve vstupní značce definuje, že vstupní věk nesmí být menší než 18.

Spropitné: Atribut min i max můžete u vstupu použít k zadání legálního rozsahu nebo přijatelného rozsahu.

Příklad:

Zadejte věk:

Odkaz na GitHub:

najít délku pole javascript

Tímto se dostáváme na konec tohoto článku o pokročilých atributech formuláře HTML.

Nyní rozsah vstupu v poli nemůže být menší než 18 a současně větší než 50.Atributy max a min lze použít s několika typy vstupu, jako je číslo, rozsah, datum, datetime, datetime - místní, měsíc, čas a týden.

Nyní, když víte, co je HTML, podívejte se na podle Edureka. Osvědčení o školení pro vývoj webových aplikací vám pomůže Naučte se, jak vytvářet působivé webové stránky pomocí HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a jak je nasadit do služby Amazon Simple Storage Service (S3).

Máte na nás dotaz? Uveďte to prosím v sekci komentářů článku a my se vám ozveme.