HTML フォームとフォーム内部タグの使用

HTML フォームとフォーム内部タグの使用

コードをコピー
コードは次のとおりです。

<html>
<ヘッド>
<title>フォームの使用</title>
<!--
タグ名: フォーム フォームタグの属性: アクション: 送信先、ターゲットアドレス URL
method: リクエストを送信する方法を設定します。get と post です。デフォルトは get です。
get 送信と post 送信の違いは何ですか? ------------------------
送信を取得: コンテンツ情報は送信用のアドレスバーに配置され、長さは 1k に制限されており、セキュリティは良くありません。
送信後:本文情報の内容を送信します。長さ制限はありません。
サブタグ:
入力タグ: 値を送信する必要があり、名前属性が必要です。
属性: タイプ: パスワードなど
//------------
以下の例のデモンストレーションから、場合によってはフォームを使用してリンクを作成し、リンクを作成すると同時に、ターゲットのアドレス ファイルにデータを送信できることがわかります。
フィールドセットタグ: ドメインを定義する
凡例タグ: ドメインのタイトルを定義します
-->
</head>
<本文>
<フィールドセット>
<legend>フォーム フォーム タグ、サブタグの例:</legend>
<フォームアクション="01 List.html" メソッド="get">
<表の境界線="1px" 幅="800px">
<tr>
リストタグ:

<名前を選択="車">
<option value="volvo">ボルボ</option>
<option value="saab">サーブ</option>
<option value="fiat" selected="selected">フィアット</option>
<option value="audi">アウディ</option>
</選択>

</tr>
<tr>
チェックボックスの例:

私は自転車が好きです。
<input type="checkbox" name="自転車">

私は車が好きです。
<input type="checkbox" name="車">

</tr>
<tr>
ラジオボタン:

男:
<input type="radio" check="checked" name="性別" value="男性">

女性:
<input type="radio" name="性別" value="女性">
</フォーム>
<p>ユーザーがラジオ ボタンをクリックすると、そのボタンが選択され、他のすべてのボタンは選択解除されます。 </p>
</tr>
<tr>
テキストフィールド:

<textarea rows="10" cols="30">テキストエリアタグの使用</textarea>
</tr>
<tr>
</tr>
<tr>
</tr>
<tr>
<td>アカウント:</td>
<td>
<input name="ユーザーID">
</td>
</tr>
<tr>
<td>パスワード:</td>
<td>
<入力名="パスワード">
</td>
</tr>
<tr>
<td>
<input type="submit" value="送信の確認"/>
</td>
<td>
<input type="reset" value="リセット"/>
</td>
</tr>
</テーブル>
</フォーム>
</フィールドセット>
</本文>
</html>

名前属性と値属性を持つ任意のタグをフォーム内に配置でき、これらのタグのデータを別の URL に送信することもできます。

<<:  vue 動的コンポーネント

>>:  モバイルインターネット時代: レスポンシブウェブデザインが一般的なトレンドに

推薦する

Jsモジュールパッケージのエクスポートの使用法と違いにはインポートが必要

目次1. Commonjsのエクスポートとrequireの使用1.1 CommonJS エクスポート...

Linuxのアラーム機能の例の説明

Linuxアラーム機能の紹介上記のコード: #include <stdio.h> #in...

grep を使用して MySQL エラー ログ情報を取得する方法の詳細な説明

MySQL のメンテナンスを容易にするために、エラー情報を収集するためのインターフェースを提供するス...

MySQLの高可用性と高パフォーマンスのクラスタを構築する方法

目次MySQL NDB Clusterとはクラスター構築のための準備作業クラスターのデプロイを開始す...

jQueryはフォーム検証機能を実装します

jQuery フォーム検証の例 / ユーザー名、パスワード、住所、電子メールの検証を含む下記の通り ...

CSS3 を使用して色付きのプログレスバーアニメーションを実装する例

簡単なチュートリアルこれは CSS3 カラー プログレス バー アニメーション効果です。 CSS3 ...

モバイル Web アプリ上の画像が鮮明ではなく、非常にぼやけているのはなぜですか?

なぜ?最も簡単に言えば、ピクセルは均等ではないということです。携帯電話に表示される写真はとても繊細に...

mysql はインデックスを無効にしますか?

mysql の IN はインデックスを無効にしますか?しませんよ! 結果をご覧ください: mysq...

初心者向け入門チュートリアル: ドメイン名の解決とバインディング

では、ドメイン名を登録して仮想ホストを購入した後、IE でドメイン名を入力して Web サイトを開く...

nginx ログを elasticsearch にインポートする方法の例

nginx ログは filebeat によって収集され、logstash に渡され、logstash...

MySql クイック挿入数千万の大規模データの例

データ分析の分野では、データベースは私たちの強力な助けとなります。クエリ時間を受け入れるだけでなく、...

Dockerにおけるオーバーレイネットワークの詳細な説明

Docker 公式ドキュメントからの翻訳、原文: https://docs.docker.com/n...

Vueドロップダウンメニューのコンポーネント開発の詳細説明

この記事の例では、Vueドロップダウンメニューのコンポーネント開発の具体的なコードを参考までに共有し...

ヘッダーのチェックボックスをテキスト実装コードに変更するための選択テーブルを持つ要素

方法1: テーブル属性を使用する: header-cell-class-name テーブルインターフ...

Dockerを使用してAngularプロジェクトをデプロイする方法

Docker を使用して Angular プロジェクトをデプロイする方法は 2 つあります。1 つは...