[解決済み] 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"); }
関連
-
[解決済み] フォーム型Webサイト認証の決定版【終了しました
-
[解決済み] Webフォームのフィールド/入力タグでブラウザのオートコンプリートを無効にするにはどうすればよいですか?
-
[解決済み] HTML5のlocalStorageにオブジェクトを格納する方法は?
-
[解決済み] ngModel' は 'input' の既知のプロパティではないため、バインドできません。
-
[解決済み] <button> vs. <input type="button" />. Which to use?
-
[解決済み] HTML5でfloat入力タイプはありますか?
-
[解決済み] Chromeのオートコンプリートで入力の背景色を削除する?
-
[解決済み] HTML5フォームの必須属性。カスタムバリデーションメッセージを設定しますか?
-
[解決済み】HTML5入力のプレースホルダの色をCSSで変更する。
-
[解決済み] HTML5 の input type="text" と input type="search" の比較
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] Angular 2: formGroup は FormGroup のインスタンスを期待します。1つを渡してください。
-
[解決済み] JSFでフォームアクションを定義する方法は?
-
[解決済み] フォーム型Webサイト認証の決定版【終了しました
-
[解決済み】HTMLフォームのaction属性に空のURLを使用するのは良い方法ですか?(action="")
-
[解決済み】Postman Chromeです。form-data、x-www-form-urlencoded、rawの違いは何ですか?
-
[解決済み】GETメソッドとPOSTメソッドはいつ使うべきですか?両者の違いは何ですか?
-
[解決済み】HTML5の "required "属性をチェックボックスのグループに使用する?
-
[解決済み】Chromeの開発ツールのネットワークタブに表示される「リクエストペイロード」と「フォームデータ」の違いとは?
-
[解決済み] Angular 2:'ngModel'が'input'の既知のプロパティではないため、バインドできない。
-
[解決済み] Razorで "Html.BeginForm "を記述する方法