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

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

推薦する

Kylin V10 への zabbix-agent のインストール手順

1. インストールパッケージをダウンロードするダウンロードアドレス: https://sourcef...

React+Ant Design開発環境をセットアップするための実装手順

基礎1. スキャフォールディングを使用してプロジェクトを作成し、開始する1.1 足場を設置する: n...

Navicat を使用して MySQL データベースをエクスポートおよびインポートする方法

MySql は、私たちが頻繁に使用するデータ ソースです。開発者が練習、小規模なプライベート ゲーム...

Centos6でgitlabを構築する方法

序文元のプロジェクトは、パブリックネットワークgitlabに配置されていました。セキュリティ上の理由...

MySQL の日付と時刻関数の概要 (MySQL 5.X)

1. MySQLは現在の日付と時刻を取得する関数1.1 現在の日付 + 時刻 (日付 + 時刻) ...

JSブラウザストレージの詳しい説明

目次導入クッキークッキーとはクッキー生成方法クッキーの適用シナリオクッキーのデメリット回避策ローカル...

Linux 最速のテキスト検索ツール ripgrep (grep の最良の代替)

序文テキスト検索ツールといえば、Linux で最も便利でよく使われるツールの 1 つである grep...

Ubuntu システムでタイムゾーンと時刻を変更する方法

Linux コンピュータには 2 つの時間があります。1 つはハードウェア時間 (BIOS に記録さ...

HTML要素のID属性とName属性の違い

今日、私は <a href="#13"></a> につい...

antd+reactプロジェクトをviteに移行するためのソリューションの詳細な説明

Antd+react+webpackは、多くの場合、Reactテクノロジースタックに基づくフロントエ...

CSSはマウスが画像に移動したときにマスク効果を実現します

1.マスクレイヤーのHTMLコードと画像をdivに配置する.img_div に入れました。 <...

Jenkins Docker 静的エージェント ノードのビルド プロセス

静的ノードはマシン上に固定されており、いくつかの固定コマンドを通じて起動されます。動的ノードには複数...

オンライン MYSQL 同期エラーのトラブルシューティング方法の概要 (必読)

序文フェイルオーバーが発生した後、よくある問題は同期エラーです。データベースが小さい場合は、ダンプし...

写真とテキストによる MySQL 8.0.11 インストール チュートリアル

インターネット上には多くのチュートリアルがありますが、基本的には同じです。ただし、細かい原因でソフト...

UrlRewriter のキャッシュ問題と関連する一連の調査

ウェブサイト機能を開発する場合、セッション キャッシュを時間内にクリアできません。一連の探索が始まり...