Pár dobrý tipů. Osobně nepoužívám a nemám rád zadávání hesla dvakrát. V registraci do Fakturoidu si může uživatel heslo nechat zobrazit.
Zatím to nepodporuje žádná verze Internet Exploreru, ale pokud vás tenhle detail netrápí, bude užitečné se mrknout na to, jak vám nové pseudo-třídy umožní validovat formuláře.
Určitě jste narazili na situaci, kdy se vám velmi nehodí standardní box model, tj. skutečná šířka elementu je width + padding + border. Já se s tím peru hlavně, když chci mít zarovnaná pole formuláře.
Článek Box sizing předkládá celkem snadné řešení: Přepněte si box model do toho, co měl IE 6, tj. deklarovaná width bude ta skutečná a padding + border se „odčítají dovnitř”. Příklad pro jeden element:
textarea {
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box; /* Firefox, other Gecko */
box-sizing: border-box; /* Opera/IE 8+ */
}
Paul Irish doporučuje to rovnou hodit na všechny elementy, ale tím si nejsem tak jistý.
Via Pavel Bier
Doplňování textu pro inputy ve formuláři v 8 KB pluginu.
Via WebAppers
Určitě se vám to někdy stalo: Vyplňujete dlouhý formulář a omylem si zavřete tab, nebo spadne prohlížeč, či systém a vyplněná políčka jsou v trapu.
Sisyphus.js se snaží tomuhle nepříjemnému zážitku předejít tím, že vám umožní automaticky v pravidelných intervalech ukládat obsah formuláře a obnovit vyplněná políčka, pokud to budete potřebovat.
Používá localStorage z HTML5 a má jen 3,5 KB.
Uvažujme, že máme registrační formulář:
<form action="/cesta_zpracovani" method="post">
<p>
<label for="user_name">Uživatelské jméno</label>
<input type="text" id="user_name" name="user_name">
</p>
<p>
<label for="email">Váš email</label>
<input type="text" id="email" name="email">
</p>
<p>
<input type="submit" value="Odeslat">
</p>
</form>
Jak zabránit spamům, aby nám otravovali život, aniž bychom zatěžovali uživatele nějakou tou CAPTCHA ochranou?
Čtěte dál
Na jQuery postavený framework pro formuláře.
Via @plavacek
Luke Wroblewski se designu formulářu věnuje už dlouho a nemám pochyb, že tahle kniha bude velmi užitečná. Slevu 50% získáte po zadání kódu „alaform” při placení.
Vyzkoušeno, funguje, konečná cena včetně poštovného $33.
Statistiky přístupů mi říkají, že jste si všichni ještě nenašli cestu k článku o uživatelském rozhraní pro zadávání nové faktury na blogu Fakturoidu. Pokud se vám líbí moje články o UI, tenhle by neměl být výjimkou. Jsem v trochu schizofrenním postavení, nechci stejný obsah publikovat na dvou místech, tak snad prominete tenhle „promo” post.
Fakturoid blog do čtečky →
Prostě si to přečtěte. Neprohloupíte.
Díky @milancermak
