1. ホーム
  2. forms

[解決済み] HTML5 の input type="text" と input type="search" の比較

2022-05-06 19:22:55

質問

HTML5の新しいフォーム入力フィールドを扱うようになり、HTML5初心者です。フォーム入力フィールドで作業しているとき、特に <input type="text" /><input type="search" /> IMOでは、Safari、Chrome、Firefox、Operaなど主要なブラウザで違いは見られませんでした。また、検索フィールドは通常のテキストフィールドのように動作します。

では input type="text"input type="search" をHTML5で表示することはできますか?

の本当の目的は何でしょうか? <input type="search" /> ?

解決方法は?

今のところ、両者の間に大きな違いはありません。もしかしたら、これからもないかもしれません。 しかし、ポイントは、ブラウザメーカーが望むなら、それで何か特別なことができる能力を与えることです。

について考えてみましょう。 <input type="number"> 携帯電話で番号札を表示させたり type="email" は、@や.comなどが利用できる特別仕様のキーボードが表示されます。

携帯電話では、検索すると内部検索アプレットを表示させることができるんだ。

逆に、現在の開発者がCSSを使うときの助けになる。

input[type=search]:after { content : url("magnifying-glass.gif"); }