HTML インタラクション

不言
リリース: 2018-04-24 10:05:47
オリジナル
4528 人が閲覧しました

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

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




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


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) 値: テキスト入力ボックスのデフォルト値を設定します。 (通常はプロンプトとして使用されます)
例:



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

<textarea  rows="行数" cols="列数">文本</textarea>
ログイン後にコピー


1) で終わります。


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


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


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


例:

<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。ドロップダウン リストでは、