Obsah
HTML5 obsahuje nové prvky, které usnadňují vytváření datových polí, která bylo v mnoha případech nutné naprogramovat pomocí javascriptu nebo přidat externí knihovnu v jazyce, který by umožnil rozšířit možnosti prvků xhtml a html4.Mnoho programátorů pokračuje v práci tradičním způsobem, protože je podporován většinou prohlížečů, nejnovější vylepšení jsou podporována pouze novějšími verzemi.
HTML5 nabízí sadu nových atributů pro atribut typu vstupního prvku, tj. Většinu prvků formuláře, například textová pole.
Některé z těchto dobře známých atributů html jsou:
Typ vstupu = text - textové pole
typ vstupu = heslo - pole Heslo, které skrývá heslo s hvězdičkami.
Typ vstupu = odeslat - Tlačítko pro odeslání formulářů
REGISTRACE PŘÍSPĚVKU TYPU ČÍSLA
Prvek, který obsahuje atribut number number, umožňuje nejen určit, že zadaná hodnota je číselná, ale také ji omezit mezi maximem a minimem, na obrázku vidíme, jak má také validaci bez nutnosti cokoli programovat
Zadejte čísloPŘÍSPĚVEK TYPU DATUM (DATUM)Zadejte číslo
Číslo pasáže (1-40):
Atribut typu data se používá pro pole, kde je nutné obsahovat datum. V závislosti na prohlížeči a podpoře, kterou nabízejí, se zobrazí ovládací prvek kalendáře, který dokáže vybrat datum.
Atribut typu barvy se používá pro pole, kde je nutné obsahovat barvu. V závislosti na prohlížeči a podpoře, kterou nabízejí, se ovládací prvek typu colorpicker bude zdát schopen vybrat barvu nebo ji zapsat hexadecimálně. Po kliknutí na barvu se volič zobrazí jako vyskakovací okno.
Barevný typ
Vyberte barvu:
Atribut typu e -mailu se používá pro pole, kde je nutné obsahovat e -mail. V závislosti na prohlížeči a podpoře, kterou nabízejí, ověří, že zadaný text má formát e -mailu, jinak se zobrazí chybová zpráva, což usnadní validaci formuláře bez programování.
Typ e -mailu
Zadejte email:
Atribut typu url se používá pro pole, kde je nutné obsahovat doménu, URL. V závislosti na prohlížeči a podpoře, kterou nabízejí, ověří, že zadaný text má formát domény, ale zobrazí se chybová zpráva, což usnadní validaci formuláře bez programování. Nemusí obsahovat http nebo www, v takovém případě, pokud to požadujeme, budeme to muset ověřit pomocí programování.
Typ adresy URL
Zadejte email:
1. Atribut automatického doplňování
Když píšeme do pole formuláře, zjistíme, že obecně nám prohlížeč poskytne možnost automatického doplňování toho, co v tu chvíli píšeme, textem, se kterým jsme již psali dříve, což může způsobit problémy se zabezpečením, protože například pokud píšeme několik e -mailů, protože počítač byl používán jiným uživatelem, mohli bychom psát, abychom viděli informace, které zadal jiný uživatel. V tomto příkladu deaktivujeme automatické dokončování v poště, ale ne v ostatních polích. Lze jej také deaktivovat z prohlížeče, ale mnoho uživatelů neví, že tato možnost existuje nebo jak zakázat automatické dokončování.
Vidíme, že při zadávání slova Automatické vyplňování a odesílání při pozdějším přístupu ke stejnému formuláři a stisknutí pouze písmene A to v tomto případě již naznačuje slovo, které jsme napsali dříve.Atribut automatického doplňování
Název:
E-mailem:
Tento atribut se používá k označení, ve kterém vstupu formuláře by měl být kurzor umístěn při načítání webové stránky, pokud není k dispozici, začne od prvního, který najde. To lze také naprogramovat pomocí jQuery tak, aby se podle potřeby zaměřil na různé ovládací prvky.
Tento atribut je velmi užitečný pro správu prvků mimo formulář bez ohledu na to, kde se nachází ve struktuře webu.
Ve zdrojovém kódu HTML můžeme vidět, že jsme vytvořili formulář pro zadávání údajů o produktu, poté nějaký vysvětlující text a nakonec jsme vložili textové pole pro sklad mimo formulář, ale s tímto formulářem ho spojujeme prostřednictvím jeho identifikačního ID = "FormA" do pole základního textu uvedeme, že jej spojíme s formulářem form = "formA", tímto způsobem při odeslání formuláře budou také odeslány všechny související prvky.Atribut formuláře
Produkt:
Popis:
Lorem Ipsum je jednoduše atrapou textu tiskařského a sázecího průmyslu.
Lorem Ipsum je jednoduše atrapou textu tiskařského a sázecího průmyslu.
Lorem Ipsum je jednoduše atrapou textu tiskařského a sázecího průmyslu.
Skladem:
4. Atribut FormAction
Tento atribut je velmi užitečný pro odeslání stejného formuláře na různé stránky, něco, co bylo dříve nutné naprogramovat v javascriptu a odeslat parametry všech prvků formuláře, aby jej bylo možné přeposlat, v některých případech se stal velmi těžkopádným, zvláště pokud existovalo více forem, které na sobě navzájem závisely.
Vezmeme si příklad předchozího případu s tlačítkem, které odešleme formulář na stránku record.php a druhým do stock.php
Atribut formuláře
Produkt:
Popis:
Lorem Ipsum je jednoduše atrapou textu tiskařského a sázecího průmyslu.
Lorem Ipsum je jednoduše atrapou textu tiskařského a sázecího průmyslu.
Lorem Ipsum je jednoduše atrapou textu tiskařského a sázecího průmyslu.
Stock: Atribut obrázku s odesláním Pokud chceme použít tlačítko jako tlačítko pro odeslání k odeslání formuláře, jediným způsobem, jak to udělat, bylo vložit obrázek nebo použít šablony stylů css a poté provést funkce pomocí javascriptu.Atribut typu obrázku
Produkt:
Popis:
Tento atribut vám umožňuje definovat seznam v prvku a poté jej použít na vstupní prvek, aby prováděl vyhledávání při psaní.
Atribut seznamu a typu datalistu
