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 動的コンポーネント

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

推薦する

Linuxコマンドに基づいてフォルダー内の特定のファイルパスを抽出します

最近では、特定のフォルダ内の特定のファイルを自動的に検索する必要があり、ファイルパスとファイル名を別...

CSS3 で translate と transition を使用する方法

translate と transition は非常に強力で、習得するのは不可能だといつも感じていま...

Vue/React シングルページ アプリケーションをリフレッシュなしで復元するソリューション

目次導入なぜわざわざ?落とし穴のあるコミュニティソリューション(Vue を例に挙げる)現時点では良い...

docker tagとdocker pushの使い方の詳しい説明

Dockerタグの詳しい説明docker tag コマンドの使い方と、ローカルイメージを daocl...

MySQLの基本を素早く学ぶ

目次SQLを理解するSELECTを理解するエイリアス定数をクエリし、固定定数列を追加します。重複行を...

PostgreSQL データベースにおける varchar、char、text の比較に関する簡単な説明

以下のように表示されます。名前説明する文字可変(n)、varchar(n)長さ制限あり、可変長文字(...

Linux centos7 環境での MySQL インストール チュートリアル

Linux centos7 環境に MySQL をインストールする手順の詳細な紹介MySQLをインス...

MySQL リンクを表示し、異常なリンクを削除する方法

序文:データベースの運用や保守の際には、リンクの総数がいくつあるか、アクティブなリンクがいくつあるか...

src 属性と href 属性の違い

src と href には違いがあり、混同される可能性があります。 src は現在の要素を置き換える...

MySQL 8.0.18 のインストールと設定方法のグラフィックチュートリアル (Windows 10 版)

この記事は、参考のためにMySQL 8.0.18のインストールと設定のグラフィックチュートリアルを記...

Linuxの運用と保守、基本的なプロセス管理、リアルタイム監視と制御

目次1. バックグラウンドで実行されるジョブ2. 信号を使用してプロセスを制御する基本的なプロセス管...

フォント宝庫 50 種類の素晴らしい無料英語フォントリソース パート 2

デザイナーは独自のフォント ライブラリを持っているため、プロジェクトの設計時にすぐに使用できます。今...

Reactは、読み込み、読み込み完了、読み込み失敗の3つの段階の原則分析を実装します。

最近ブログに書いたのですが、プロジェクトリストの中に写真がたくさんあり、最初は読み込みが遅いので、ス...

7つのMySQL JOINタイプのまとめ

始める前に、これから紹介する JOIN タイプを示すために 2 つのテーブルを作成します。テーブルを...