Vyplňování formulářů je nedílnou součástí našich digitálních životů, ať už jde o hledání na webu, přihlašování na e-mail nebo vyplňování čtyřstránkové registrace na e-shop. V předchozím článku jsme se podívali na nové atributy a lehce zabrousili do historie HTML5 formulářů. V tomto článku se podíváme na nové inputy.

Vyplňování formulářů je nedílnou součástí našich digitálních životů, ať už jde o hledání na webu, přihlašování na e-mail, nebo vyplňování čtyřstránkové registrace na e-shop. Jakožto vývojáři píšeme pořád stejné validace, takže si můžeme alespoň trochu ulehčit práci využitím HTML5, které přišlo s několika novými atributy, políčky a dalšími elementy. V tomto článku se podíváme na nové atributy a v příštím článku na nové elementy.

Na většině webových stránek budeme po návštěvníkovi chtít, aby nám poskytl nějaké informace. Ať už je to poštovní adresa při objednávce u e-shopu nebo komentář na webu. Formuláře tu s námi jsou již dlouho a skoro stejně dlouho si webdesigneři přáli, aby toho uměly více. Naštěstí pomohl JavaScript a většinu chybějících věcí jsme si nějak dopsali. Podívejme se, jak HTML5 usnadňuje tvorbu formulářů bez potřeby JavaScriptu.

Před umisťováním nápovědy do INPUT boxů ve formulářích varuje Caroline Jarrett na webu UXMatters. Dát nápovědu přímo do formuláře („Sem napište svoje jméno“) vypadá jako dobrý nápad, jenže praxe ukazuje, že spousta lidí…