HTMLで検索入力タイプを使用するにはどうすればよいですか?

インターネットは、それぞれの Web サイトを通じてアクセスできる多くのサービスを提供します。多くの場合、特定のトピックに関する情報を検索する必要があります。インターネットで検索を実行するには、Google、Yahoo、Ask、Bing などの検索エンジンを使用します。検索キーワードを入力するためのテキストボックスに注目したことがあるはずです。キーワードを入力すると次のページに移動し、サーバーから取得した一致した結果が表示されます。ユーザーからデータを取得するために HTML でフォームを設計するとき、いくつかのコントロールを使用します。 HTML フォーム内に検索フィールドのように動作するテキストボックスを作成し、Google 検索を実行することもできます。

このようなコントロールを作成するには、 を使用します。フォーム内のHTMLのタグ。見た目は普通のテキストボックスですが、サイト検索を実行できます。

基本的な SEARCH 制御プログラムを見てみましょう。

例

リーリー

このプログラムは JavaScript コードを使用して、検索されたテキストを以下に表示します。

Google を使用すると、検索中に次のような文例が表示される可能性があります:

例

これを完了したら、 ボックスで PLACEHOLDER プロパティを使用できます。例を見てみましょう。

リーリー

VALUE 属性

の中文翻译:

VALUE プロパティ

検索ボックスにデフォルト値を設定するには、 の VALUE 属性を使用できます。鬼ごっこ。＃＃＃

これは非常に興味深いプロパティで、 ダイアログで使用できます。つまり、

SPELLCHECK

プロパティです。このプロパティは、書き込みチェック機能をオンまたはオフにすることができます。 ## 、書き込みチェックの個別の文の下にカラー ウェーブが表示されますが、OFF の場合は、書き込みチェック プロパティが false に設定されます。 それでは、この属性をどのように使用できるかを見てみましょう。

例 リーリー ＃＃＃＃＃＃または＃＃＃＃＃＃ リーリー

どちらの場合も、スペルチェック属性はオフ、つまり false です。この状況では、エラーは無視されます。

正しいスペルは「Health」であるのに、検索ボックスに「Heaith」と入力したとします。しかし、単語の下に波線は表示されません。

それでは、これを true にして結果を見てみましょう。

例 リーリー

MINLENGTH

属性と

MAXLENGTH

属性を使用して、検索フィールドの最小文字数と最大文字数を制限することもできます。たとえば、ユーザーが特定の教育機関の入場番号を入力/検索する必要がある場合、最小 4 文字、最大 6 文字を受け入れることができるとします。ただし、制限を設けない場合、ユーザーは任意の長さのデータを入力できます。

例

リーリー

ユーザーが最小長のデータを入力していないため、ページにエラーが表示されます。最大制限を超えようとすると、入力できなくなります。

SIZE プロパティを使用してテキスト ボックスのサイズを制御することもできます。さらに、REQUIRED プロパティを使用してテキスト ボックスを必須フィールドとして設定することもできます。 リーリー カブトムシのサイズが小さくなっているのが観察され、それを空にしておくと、問題が発生する可能性があります。

以上がHTMLで検索入力タイプを使用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。