ホームページ >ウェブフロントエンド >htmlチュートリアル >HTML インタラクション

HTML インタラクション

不言オリジナル: 2018-04-24 10:05:474545ブラウズ

この記事の内容は 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 インタラクション

関連記事