Názor na článek - Jak správně a rychle na formuláře

Chates

Neměl jsem čas to studovat celé, ale do FIELDSET nepatří H4, nýbrž sémantičtější element LEGEND. Nastavovat velikost písma v pixelech také není dvakrát moudré. Navíc si myslím, že float u prvku LABEL můžeš clearem řešit přímo a nepotřebuješ obezličku v podobě nadbytečného DIVu. Jinak řečeno - zbytečně složitý kód pro tak jednoduchý formulář.

U takovych to clanku je dulezity velky odkaz "ukazka" hned nahore.

Chates
Legend lze nastylovat jako h4, stejně tak, jako každý jiný prvek...

Chates

„Element legend se mi nepodařilo nastylovat do takové podoby jako h4“

To je tvůj problém.

„Co se týče nadbytečného divu, tak ve článku se zmiňuji o tom, že tento nadbytečný div je tam proto, aby mohl být formulář vícesloupcový, tj. více inputů vedle sebe.“

V tvém případě to ale tak není. Navíc, pokud už nutně musíš použít vícesloupcový formulář (což nebývá dobrý nápad), je lepší použít tabulku. DIV tam prostě být nemusí.

Chates
Dříve jsem také formátoval formuláře pomocí div. Potom jsem pochopil (nebo si vsugeroval?), že label a pole formuláře jsou uspořádané dvojice, tj. šup s nima do tabulky a i bez CSS, v prostém HTML to vypadá dobře. Fieldset, legend, tfoot a thead, vše lze použít.

P.S.: Plaváčkovo řešení pomocí definičních seznamů je také dobré, ale jak jsem již naznačil tabulka je tabulka ( v tomto přísně vymezeném případě)

A teď mě kamenujte!

EDIT: Plaváček byl rychlejší :-)

Chates

„Pokud jsi opravdu Plaváček, tak o problematice víš mnohem víc než já. Rád se nechám poučit.“

No, jsem to já, přiznávám se otevřeně :) O problematice formulářů jako takových jsem kdysi hovořil na nějaké konferenci a z výsledků jsem spáchal malý decentní webík, který se ale věnoval spíš přístupnosti a použitelnosti než formátování. Nechci tě v žádném případě poučovat, jenom mám pocit, že jsi prostě někde na zahraničním webu viděl bezva framework pro formuláře a šel jsi do toho. Ne vše, co přijde odjinud, bývá dobré řešení. Já být tebou, pojal bych to jinak.

Tabulka použitá ve formuláři ničemu neublíží ,a to ani z hlediska přístupnosti, když zachováš jeho lineární strukturu. Proč se za každou cenu mořit s nějakými DIVy, floaty a cleary, když nemusíš? Každý formulář má navíc jediný účel - donutit k akci uživatele. Takže - čím jednodušší a přehlednější ho uděláš, tím lépe pro tebe nebo pro majitele webu. V tebou odkazovaném příkladě nevidím jediný důvod, proč by formulář měl být ve dvou sloupcích.

Navíc, pokud svůj kód skoukneš třeba ve Firefoxu a zkusíš si zvětšit písmo, stane se ti lehce nepřehledným.

P.S. je dobrým zvykem v SELECTu třídit nabídku buď podle témat (pokud je obsáhlejší) nebo podle abecedy, aby se člověk rychleji chytil.

Radši používám tabulku a to proto, že si nechci hrát s divy pro formulář, protože to je opravdu zbytečný.

Plaváček
„Tabulka použitá ve formuláři ničemu neublíží ,a to ani z hlediska přístupnosti, když zachováš jeho lineární strukturu. Proč se za každou cenu mořit s nějakými DIVy, floaty a cleary, když nemusíš? Každý formulář má navíc ediný účel - donutit k akci uživatele.“
Tak proč se patlat s divy na stránce a neudělat ho rovnou celý tabulkou, alespoň to z toho tvého popisu vyplývá (všiml jsem si, že jsi napsal ... ve formuláři...).

joe

„Tak proč se patlat s divy na stránce a neudělat ho rovnou celý tabulkou,“

Když budeš myslet lineárně (třeba jako hlasová čtečka), tak proč ne. Tak jo, nechtěl jsem si dělat reklamu, ale budiž http://www.plavacek.net/formulare/formular-a-tabulka.html

Tomu nulování marginu u všech <input>ů bych se raději vyvaroval.

Chates
Toto není dobrý zvyk, prohlížeč je pak zbytečně zahlcen. Selektor * se aplikuje úplně na všechny elementy a často úplně zbytečně.

Jak zahlcen?

Plaváček
Tak když se v tabulce udělají tři řádky, kde v prvním bude logo, nadpis webu, v druhém bude obsah a v posledním patička, přesto by se tu našlo plno lidí, kteřá by napsali, že tabulku ne. Dneska si myslim, že už je to jedno, protože prohlížeče se předhánějí v rychlosti vykreslování... Ale to sem nepatří :-X

Chates
Radši to proveď tabulkou, je to rychlejší a efektivnější v mnoha případech a bezproblémové.