フォーム部品周り

Posted at 2005-03-07T15:03:00+09:00 in Web Design

CSS漬けな今日この頃にふさわしく、フォーム部品のスタイリングのガイダンス、Styling even more form controlsを見つけてみた。様々なブラウザでのCSSによる装飾の無いフォーム部品の見栄えを一覧にしてあり、更にそれにスタイルを適用するとどのようになるかも一覧になってます。フォームはウェブ・デザインにおいて最も悩まされるモノの一つなので、結構便利な気がする。

単なるボタンとSubmitボタンで結構違いがあることなんかは何気に知らなかった。あわせて、

• Fun with forms
• Styling forms
• Fieldset, legend and label
• Tableless forms

なども参照すると気持ちよいフォームが作れるかもしれません。

ユーザビリティ的には、フォーム部品にヒステリックにCSSを適用するとユーザーの混乱を招きかねないため、フォーム部品はデフォルトのままが良いらしいです。という噂。を聞いたことがあるかもしれない。

さりげなくこのサイトの検索フォームやBBSの投稿フォームも手を加えてたり。とは言っても某ブラウザではあまり効果が無かったりする訳ですが。そもそもマークアップが変とか言う噂もちらほら。