フォームデザイン虎の巻:フォームの基礎をおさえる

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

パスワードボックス

 パスワードボックスはパスワードを入力するために用意されたフォームのタイプだ。基本的にはテキストボックスと同じだが、入力した文字が「●」で表示される。入力したパスワードがそのまま画面に表示されるのを嫌うユーザーは多いので、パスワードを扱う場合には利用したい。パスワードボックスの表示にはを利用する。

パスワードボックス パスワードボックス
文字を入力すると伏せ字で表示される 文字を入力すると伏せ字で表示される
ブラウザで表示を確認する

 なお、パスワードボックスでも、テキストボックスと同じように入力文字数や横幅を設定することができる。

テキストエリア

 テキストエリアは、複数行の文章を入力できるフォームのタイプだ。スクロールバーが表示され、テキストエリアの大きさに収まらない長い文章も入力することができる。

 そのため、コメント欄や通信欄など、ユーザーに内容を自由に書いてもらう入力項目の作成に利用できる。なお、テキストエリアの表示にはを利用する。

テキストエリアを使った入力項目 テキストエリアを使った入力項目
文章を入力したもの 文章を入力したもの
ブラウザで表示を確認する

 次回は、残りのフォームのタイプ「チェックボックス」「ラジオボックス」「セレクトボックス」「ボタン」について紹介していこう。

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