HTML インタラクション

この記事の内容は HTML のインタラクションに関するもので、これを必要とする友人全員に共有します。

1. Web サイトはどのようにユーザーと対話しますか?答えは、HTML フォームを使用することです。フォームはビューアによって入力されたデータをサーバーに送信できるため、サーバー側のプログラムはフォームから渡されたデータを処理できます。 9357b691db623f2bb14a6d94e8e486eb


1).ff9c23ada1bcecdd1a0fb5d5a0f18437: ff9c23ada1bcecdd1a0fb5d5a0f18437 タグは、ff9c23ada1bcecdd1a0fb5d5a0f18437 で始まり、e083986a812e016ef20466f844ca7465 で終わります。 ;終わり。


2).action: ビューアによって入力されたデータが送信される場所 (PHP ページ (save.php) など)。


3).method: データ送信のメソッド (get/post)。


例:method="post" action="save.php"




2. ユーザーがフォームに文字や数字などを入力する場合、テキスト入力ボックスが使用されます。テキストボックスをパスワード入力ボックスに変換することもできます。

<form>
   <input type="text/password" name="名称" value="文本" />
</form>

1) type:


type="text" の場合、入力ボックスはテキスト入力ボックスです。


type="password" の場合、入力ボックスはパスワード入力ボックスです。


2)name: バックグラウンド プログラム ASP および PHP で使用するテキスト ボックスに名前を付けます。


3) 値: テキスト入力ボックスのデフォルト値を設定します。 (通常はプロンプトとして使用されます)
例: 09b69c7aa013e7537e15044b9199ac53
7584d201bd587e7cc9188d10ec66500e


3. user フォームに長いテキストを入力する必要がある場合は、テキスト入力フィールドを使用する必要があります。

<textarea  rows="行数" cols="列数">文本</textarea>

1) 4750256ae76b6b9d804861d8f69e79d3 タグは、4750256ae76b6b9d804861d8f69e79d3 で始まり 40587128eee8df8f03d0b607fe983014 で終わります。


2)cols: 複数行の入力フィールドの列数。


3) 行: 複数行の入力フィールドの行数。


4) 4750256ae76b6b9d804861d8f69e79d340587128eee8df8f03d0b607fe983014タグの間にデフォルト値を入力できます。


例:

<textarea cols="50" rows="10">在这里输入内容...</textarea>

4. ラジオボタンとチェックボックスを使用してユーザーが選択できるようにします

<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

1) type:


type="radio" の場合、コントロールはラジオボタンです


="checkbox"、コントロールはチェック ボックスです


2) value: サーバーにデータを送信する値 (バックグラウンド プログラム PHP によって使用されます)


3) name: バックグラウンド プログラム ASP によって使用されるコントロールの名前。 PHP


4)checked:checked="checked" が設定されている場合、このオプションはデフォルトで選択されます


同じグループ内のラジオ ボタンの場合、名前の値は一貫している必要があり、値が一致しない場合があります。 、上記の例は同じ名前「radioLove」を持っているため、同じグループ内のラジオ ボタンは単一の選択として機能します


5. スペースを節約するには、ドロップダウン リスト ボックスを使用します

<option value="提交值">选项</option>  设置selected="selected"属性，则该选项就被默认选中。

6。ドロップダウン リストでは、221f08282418e2996498697df914ce4e で複数の選択操作を実行することもできます。Windows オペレーティング システムでは、Ctrl キーを押しながらクリックすると、タグに multiple="multiple" 属性を設定できます。複数のオプションを選択するときに (Mac では Command キーを押しながらクリックして)、複数のオプションを選択するときに時間がかかります。


例:

<select multiple="multiple">

7. ユーザーがフォーム情報をサーバーに送信する必要がある場合、送信ボタンを使用する必要があります。

<input   type="submit"   value="提交">

type: type 値が submit に設定されている場合のみ、ボタンは送信できます。




8 リセット ボタンを使用して入力ボックスを復元できます。その初期状態。タイプを「リセット」に設定するだけです。

<input type="reset" value="重置">

9. ラベル label はユーザーに特別な効果を与えるものではなく、その役割はマウス ユーザーの使いやすさを向上させることです。このコントロールは、ラベル内のテキストをクリックするとトリガーされます。つまり、ユーザーがクリックしてラベルを選択すると、ブラウザは自動的にラベルに関連するフォーム コントロールにフォーカスを移します (ラベルに関連するフォーム コントロールが自動的に選択されます)。
タグの for 属性の値は、関連するコントロールの id 属性の値と同じである必要があります。
ラベルの機能は、「男性」という単語をクリックすることは、「男性」の後ろの点をクリックすることと同じであるということです

関連推奨事項:

html 画像タグ META タグ インライン フレーム ハイパーリンク

html 表の境界線を設定するスタイル

以上がHTML インタラクションの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。