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

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

推薦する

ダッシュボードを実装するためのjQueryプラグイン

jQueryプラグインは、参考のためにダッシュボードを実装します。具体的な内容は次のとおりです。一般...

MySQL の簡単な分析 - MVCC

バージョンチェーンInnoDB エンジン テーブルでは、クラスター化インデックス レコードに 2 つ...

MySQL サーバーの接続、切断、および cmd 操作

mysql コマンドを使用して MySQL サーバーに接続します。 MySQL サーバーが起動したら...

Centos7 環境でソースコードから mysql5.7.16 をインストールする方法の詳細な説明

この記事では、centos7 環境でソース コードから mysql5.7.16 をインストールする方...

JavaScript配列についてさらに詳しく知るのに役立つ記事

目次1. 配列の役割: 2. 配列の定義: 1. コンストラクタを通じて配列を作成する2. リテラル...

MySQL 8.0 エラー サーバーがクライアントに不明な認証方法を要求しました 解決策

最新バージョンのMySQL 8.0.11をインストールした後、ユーザーを作成して認証します。認証され...

CSS で背景ぼかし効果を実装するサンプルコード

以下のような効果でしょうか?もしそうなら、ぜひ読み進めてください! コードデモンストレーション(上の...

Nodejs で WeChat アカウント分割を実装するためのサンプルコード

会社のビジネスシナリオでは、WeChat アカウント分割機能を使用する必要があります。公式 Web ...

Nginx の高同時実行最適化の実践

1. チューニングの必要性​ 私は、どのように書けばいいのか本当に分からないので、共有するために最適...

デザイン理論: コンテンツプレゼンテーションのための 10 のヒント

<br /> テキスト、記号、リンクの3つの側面に焦点を当て、主に中国語で、個人的な執筆...

CSS変数を使用してスタイルを変更する方法の例

質問js を使用して CSS 疑似クラス スタイルを変更するにはどうすればよいでしょうか?しかし、j...

Linux と最もよく使用されるコマンドの紹介 (習得は簡単ですが、問題の 95% 以上を解決できます)

Linux は現在最も広く使用されているサーバー オペレーティング システムです。Unix をベー...

ウェブデザインの仕事に応募する方法

<br />みなさんこんにちは!ここで皆さんとチャットできて光栄です! (*^__^*)...

Ubuntu 18.04 に Anaconda3 をインストールするための詳細なチュートリアル

Anaconda は、conda、Python、およびそれらの依存関係など、180 を超える科学パッ...

DockerコンテナのライフサイクルアーキテクチャとVMとの違いについて詳しく説明します。

コンテナのライフサイクルコンテナランタイムのライフサイクルコンテナは、分離特性を持つプロセスのセット...