フォームデザイン虎の巻:複数の選択肢を提供する

エ・ビスコム・テック・ラボ
2008-07-25 15:57:01
  • このエントリーをはてなブックマークに追加

ボタン

 ボタンは送信ボタンなどを作成するフォームのタイプだ。「送信ボタン」「リセットボタン」「プッシュボタン」の3種類のボタンを作成することができる。

送信ボタン

 送信ボタンは、フォームに入力したデータを送信する。ボタン上には「送信」「投稿」「検索」などと表示することが多い。

送信ボタンを表示したもの 送信ボタンを表示したもの




SAMPLE





名前:

ブラウザで表示を確認する

リセットボタン

 リセットボタンはフォームに入力したデータを削除して、初期状態に戻すボタンだ。以前は送信ボタンとセットで利用することが多かったが、間違って押してしまうといったトラブルを避けるため、最近では利用しないようになっている。

文字を入力してリセットボタンをクリック 文字を入力してリセットボタンをクリック
入力したデータが削除される 入力したデータが削除される




SAMPLE





名前:

ブラウザで表示を確認する

プッシュボタン

 プッシュボタンは、「送信」と「リセット」以外の用途に利用できるボタンだ。ボタンを押したときの処理はJavaScriptで指定する。

 たとえば、スクロールボックスのサンプルで使用した「追加」と「削除」のボタンはプッシュボタンとなっている。

プッシュボタン プッシュボタン

 次回は、フォームのデザインのポイントを紹介する。

このサイトでは、利用状況の把握や広告配信などのために、Cookieなどを使用してアクセスデータを取得・利用しています。 これ以降ページを遷移した場合、Cookieなどの設定や使用に同意したことになります。
Cookieなどの設定や使用の詳細、オプトアウトについては詳細をご覧ください。
[ 閉じる ]