テキストフィールドに途中まで文字を入力したらプルダウンメニューを表示する


動作ブラウザ 【 IE:5.0  NN:-
Internet Explorer Netscape Navigator DreamPassport iCab
3.0x 4.0x 4.5 5.0x 5.5 2.0x 3.0x 4.0x 4.x 6.0 2 3 2.x
Windows × × - × × × × × - × -
Macintosh × × × × - × × × × × - - ×
UNIX - - - - - × × × × × - - -
Dreamcast - - - - - - - - - - × × -

ポイント <input type="text" vcard_name="vCard.Email" autocomplete="on">
説  明 メールアドレスや文字列をある程度入れたらテキストフィールドからプルダウンで今まで入力した文字列などを選択できる(オートコンプリート)ようにするにはHTMLタグの属性だけで可能です。オートコンプリート機能はvcard_name属性に入力データの種類を指定しautocomplete="on"と記述します。offにすると機能しなくなります。
サンプル <html> <head> <title>テキストフィールドに途中まで文字を入力したらプルダウンメニューを表示する</title> </head> <body> <form> <input type="text" vcard_name="vCard.Email" autocomplete="on"> </form> </body> </html>
補足説明 VCARD_NAMEに設定できる値は以下のようになります。 vCard.Business.City 勤務先都市名 vCard.Business.Country 勤務先の都道府県名 vCard.Business.Fax 勤務先FAX番号 vCard.Business.Phone 勤務先電話番号 vCard.Business.State 勤務先の地区町村名 vCard.Business.StreetAddress 勤務先番地 vCard.Business.URL 勤務先のWebPageのアドレス(URL) vCard.Business.Zipcode 勤務先郵便番号 vCard.Cellular 携帯電話番号 vCard.Company 会社名 vCard.Department 部署名 vCard.DisplyName 表示名 vCard.Email 電子メールアドレス vCard.FirstName 名(ファーストネーム) vCard.Gender 性別 vCard.Home.City 自宅の都市名 vCard.Home.Country 自宅の都道府県名 vCard.Home.Fax 自宅FAX番号 vCard.Home.Phone 自宅電話番号 vCard.Home.State 自宅の地区町村名 vCard.Home.StreetAddress 自宅の番地 vCard.Home.Zipcode 自宅の郵便番号 vCard.Homepage 自分のWebPageのアドレス(URL) vCard.JobTitle 役職 vCard.LastName 姓(ラストネーム) vCard.MiddleName ミドルネーム vCard.Notes ノート vCard.Office オフィス vCard.Pager ページャ

■サンプルスクリプトを実行する >>実行
■各ブラウザでの動作結果を見る >>View!

写真素材 PIXTA