タグ

フォームに関するcreaismのブックマーク (4)

  • 次世代の検索フォームを作成するjQuery&CSS3サンプル:phpspot開発日誌

    Creating “Next Level” Search Form Using jQuery & CSS3 ? Webstuffshare ? Learn and share. The simplest harmony. 次世代の検索フォームを作成するjQuery&CSS3サンプル。 CSS3をフルに使って、面白い検索フォームを作るチュートリアルです。 アイデアの応用で面白いインタフェースが作れそうです ボタンがあってクリックするとアニメーションしながら伸びて検索フォームになります ボタンをクリックすると立体的にキューブっぽく回転して検索入力ボックスが現れます これを見ると、ああなんかまた色々と出来て数年後にはどうなっていっちゃうんだろう、ついていけるんだろうかなという不安すら覚えてしまいますね。 関連エントリ ページめくりを実現するためのjQueryプラグイン集 高機能なカルーセルを実装

  • フォーム上のリセットボタンはデメリット大 [ホームページ作成] All About

    リセットボタンは脱力ボタン 入力フォームの「リセット」ボタンは、入力した内容をすべて破棄するボタンです。 このボタンは、誤ってクリックしてしまうだけでも入力内容がすべて消えてしまう危険なボタンです。 下記のサンプルフォーム内に適当に文字を入力後、「リセット」ボタンをクリックしてみて下さい。入力内容はすべて消えてしまいます。 ユーザが意図的に消したいと思ったのならともかく、そうでない場合に誤って消してしまうと、脱力して再入力する気力をなくしたり、いらだったりする要因になります。 フォームには、リセットボタンは配置しない方が望ましいでしょう。リセットボタンが存在しなければ、押し間違えることもありませんから。 入力した内容をすべて消したいと思う機会はそうそうありません。 また、最初からやり直したいなら、(リセットボタンがなくても)前のページに戻って再度アクセスし直せば済むことです。 送信をやめた

    フォーム上のリセットボタンはデメリット大 [ホームページ作成] All About
  • フォームにリセットボタンは必要か - ウェブユーザビリティ.JP

    月曜日, 11 月 05th, 2007 | Author: sibsiv  |  (0) (0) (1) (0) Total: 1 最近は見かける回数が減ってきた気がしますが、フォームのリセットボタンは必要か?について考えてみたいと思います。 この話題は、だいぶ昔にJakob Nielsen氏のAlertboxでも取り上げられていますので、知っている人にとってはいまさらかもしれません。 まず、結論から言うと、「原則的に使わないほうが望ましい」です。 フォームにおけるリセットボタンは、ユーザーの入力を元に戻す手段を提供することを目的としています。 フォームにデフォルトの値が存在し、それが記憶しづらいもの、入力しづらいものであった場合には、ユーザーの処理をやり直すための貴重な手段となります。 しかし、一般的には以下の理由により、有効に活用されません。 多くのフォームのデフォルトが空白である

  • フォームとアクセシビリティ -- ごく簡単なHTMLの説明

    フォームはテーブルと同様、視覚的な表現を伴わないと理解しにくいところがあります。HTML4.0では、フォームの各要素とラベル(説明的な名前)を結びつける手段や、要素をグループ化する手段が提供されました。これらを使うとフォームの内容を論理的に構造化でき、スタイルシートとの組合せで自在なデザインも可能になってきます。まだ未対応のブラウザが多い要素ですが、アクセシビリティに配慮したページづくりのためにも、このような機能があることをぜひ理解しておいてください。 目次: コントロールにラベルを付ける コントロールをグループ化する メニュー項目のグループ化 キーボードによる項目移動 取り上げる要素: label fieldset legend optgroup コントロールにラベルを付ける フォームの入力コントロール(テキストフィールドやメニューなど)は、name属性を持ちますが、それは送信データに名

  • 1