HTML+CSS勉強記(5) - 閲覧者とのやりとり、フォームタグ-PHPチュートリアル-php.cn

1. フォームタグを使用してユーザーと対話します

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

文法:

<form   method="传送方式"   action="服务器文件">

ログイン後にコピー

説明:

で終わります。

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

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

注意:

1. すべてのフォームコントロール (テキストボックス、テキストフィールド、ボタン、ラジオボックス、チェックボックスなど) は

タグの間に配置する必要があります。情報をサーバーに送信することはできません）。

2. Method:post/get の違いは、バックエンドプログラマが考慮すべき事項です。後で PHP ネットワークデータ処理を学習するときに共有できます。

2. テキスト入力ボックス、パスワード入力ボックス

ユーザーがフォームに文字や数字などを入力する場合は、

テキスト入力ボックス

を使用します。テキストボックスは

パスワード入力ボックスに変換することもできます。 文法:

<form    method="post"   action="save.php">        <label for="username">用户名:</label>        <input type="text" name="username" />        <label for="pass">密码:</label>        <input type="password" name="pass" /></form>

ログイン後にコピー

1. タイプ: type="text" の場合、入力ボックスはテキスト入力ボックスです。type="password" の場合、入力ボックスはパスワード入力ボックスです。 2. name: バックグラウンドプログラム ASP および PHP で使用するテキストボックスに名前を付けます。 3. value: テキスト入力ボックスのデフォルト値を設定します。 (通常はプロンプトとして使用されます)

例:

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

ログイン後にコピー

3. テキストフィールド、複数行のテキスト入力をサポートします

ユーザーがフォームに長いテキストを入力する必要がある場合、テキスト入力フィールドが必要です。

文法:

1. タグは、<textarea> で始まり、で終わります。 2.cols: 複数行の入力フィールドの列数。 3. rows: 複数行の入力フィールドの行数。 4. タグの間にデフォルト値を入力できます。例:

<form>  姓名：  <input type="text" name="myName">  <br/>  密码：  <input type="password" name="pass"></form>

ログイン後にコピー

4. ラジオボタンとチェックボックスを使ってユーザーに選択させる

フォームを使ってアンケートを設計する場合、ユーザーの操作を軽減するために、セレクトボックスを使用するとよいでしょう。 HTML 選択ボックスは、ラジオボタンボックスとチェックボックスです。この 2 つの違いは、ユーザーがラジオボタンボックスでは 1 つのオプションのみを選択できるのに対し、チェックボックスでは複数のオプション、またはすべてのオプションを選択できることです。以下の例を参照してください:

構文:

rrree

1、type:

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

type="checkbox" の場合、コントロールはチェックボックス

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

3. name: バックグラウンドプログラム ASP および PHP によって使用されるコントロールに名前を付けます。このオプションは、以下に示すようにデフォルトで選択されています:

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

ドロップダウンリストは Web ページでもよく使用され、Web を効果的に節約できます。ページスペース。単一または複数の選択を選択できます。次のコード:

説明:

1. 値:

2. selected="selected" 属性を設定すると、オプションが選択されます。デフォルト。

6. 複数選択にはドロップダウンリストボックスを使用します。

ドロップダウンリストでは、複数選択機能を実現するために