Ako najlepšie využiť pokročilé atribúty formulára HTML?



Tento článok vás oboznámi s niektorými rozšírenými atribútmi formulára HTML a v priebehu procesu tiež uvedieme praktickú ukážku.

je očividne prvá vec, ktorá nás napadne po vypočutí výrazu www. Je to v podstate to, čo stojí za každým webom, ktorý dnes navštívite. V tomto článku preskúmame niektoré rozšírené atribúty formulárov HTML.

V tomto článku sa budeme zaoberať nasledujúcimi ukazovateľmi,





Začnime teda týmto článkom,

Pokročilé atribúty formulára HTML

Samotné HTML nedokáže dosiahnuť uspokojenie s niektorými z najobľúbenejších návrhov, ktoré dnes vidíme. Vyžaduje si pomoc a tú poskytuje CSS alebo Kaskádový štýl . HTML a CSS je možné použiť spoločne na vytvorenie atraktívnych webových stránok.



Ďalej v tomto článku o rozšírených atribútoch formulárov HTML

Značky a atribúty v HTML

Toto sú základy HTML a fungujú navzájom, ale vykonávajú rôzne funkcie.

Značky: Značky sa používajú na označenie začiatku prvku HTML a sú ohraničené hranatými zátvorkami.



Príklad:

kuchár vs bábka vs zodpovedný

Vyššie uvedená značka je značka hlavičky v HTML.

Atribúty: Toto sú ďalšie informácie o značkách a sú uvedené v značke.



Príklad:

 ”My

Vyššie uvedená značka je obrázková značka a alt je atribút značky a poskytuje popis obrázku hello_world.jpg

Pretože sme diskutovali o základoch, ktoré sme potrebovali, môžeme sa teraz pohnúť ďalej s motívom tohto článku, ktorým sú niektoré pokročilé značky HTML a CSS.

Ďalej v tomto článku o rozšírených atribútoch formulárov HTML

Atribúty Max, Maxlength a Min

Jedná sa najmä o atribúty vstupnej značky, t.j. Vstupná značka sa v podstate používa vo vnútri značky na prijatie rôznych typov vstupov od používateľa, ako sú text, číslo, prepínač, dátumy, začiarkavacie políčko, čas, heslo atď.

Max

Tento atribút určuje maximálnu hodnotu pre akýkoľvek zadaný vstup. Ak sa používateľ pokúsi zadať viac ako maximálnu hodnotu, znaky a hodnoty potom neakceptuje.

Poznámka:

Atribút Max bol predstavený v HTML 5.

Príklad:

Počet študentov:

Odkaz na stránku GitHub:

Hodnotu študentov nemožno zvýšiť nad 50 rokov.

Výstup - Pokročilé atribúty formulára HTML - Edureka

Poznámka: Akcia atribútu značky určuje, kam sa majú zadané údaje odoslať pre ďalší proces. V tomto prípade je to submit_detail.php, čo je súbor PHP.

Počet študentov je údaj, ktorý sa má zadať do textového poľa.

Atribút max v prvej značke uvádza maximálnu číselnú hodnotu, ktorú je možné zadať do textového poľa, čo je viac ako 50 hodnôt, ktoré by neboli akceptované, čo je hlavným motívom atribútu max.

Značku Max možno použiť aj na definovanie maximálneho dátumu, ktorý môže používateľ zadať do vstupného poľa.

Príklad:

Zadajte dátum narodenia vo formáte RRRR-MM-DD: 
Maximálny dátum narodenia: 2000-03-31

Odkaz na stránku GitHub:

Použili sme 31svMarec 2000 ako maximálny dátum a možnosťou je kalendár je obmedzený iba do tohto dátumu.

Do tohto vstupného poľa by používateľ nemohol zadať dátum, ktorý je po zadanom dátume v atribúte max.

Ďalej v tomto článku o rozšírených atribútoch formulárov HTML

Maximálna dĺžka

Ako názov napovedá, tento atribút určuje maximálnu dĺžku znakov, ktoré môže používateľ zadať do vstupného poľa. Hodnoty atribútov sú čísla.

Príklad:

Zadajte vaše používateľské meno:

Odkaz na stránku GitHub:

Limit vstupného poľa je 15 znakov, takže vstup je obmedzený iba na 15 znakov.

Tento atribút maxlength v značke by obmedzil používateľa na zadanie vstupu, ktorý nie je striktne väčší ako zadaná hodnota, ktorá je 15.

Poznámka Predvolená hodnota atribútu maxlength je 524288.

Ďalej v tomto článku o rozšírených atribútoch formulárov HTML

Min

Atribút min určuje minimálnu hodnotu pre hodnotu, ktorá sa má zadať do vstupného poľa.

Príklad:

Zadajte vek:

Odkaz na stránku GitHub:

Atribút min vo vstupnej značke definuje, že vstupný vek nesmie byť nižší ako 18 rokov.

Tip: Pre zadanie môžete použiť atribút min aj max, aby ste vstupu poskytli legálny rozsah alebo prijateľný rozsah.

Príklad:

Zadajte vek:

Odkaz na stránku GitHub:

nájsť dĺžku poľa javascript

Týmto sa dostávame na koniec tohto článku o rozšírených atribútoch formulárov HTML.

Teraz rozsah vstupu v poli nemôže byť menší ako 18, ako aj väčší ako 50 súčasne.Atribúty max a min je možné použiť s niekoľkými typmi vstupu, ako sú počet, rozsah, dátum, dátum a čas, dátum a čas - miestne, mesiac, čas a týždeň.

Teraz, keď viete, čo je HTML, sa pozrite na od Edureka. Osvedčenie o školení v oblasti vývoja webových stránok vám pomôže Naučte sa, ako vytvárať pôsobivé webové stránky pomocou HTML5, CSS3, Twitter Bootstrap 3, jQuery a Google API a ako ich nasadiť do služby Amazon Simple Storage Service (S3).

Máte na nás otázku? Uveďte to prosím v sekcii komentárov článku a my sa vám ozveme.