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

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

推薦する

MySQL でトランザクションのコミットとロールバックを実装する方法の詳細な例

最近、データベース データのスケジュールされた移行を実行する必要があります。実行プロセス中に何らかの...

Nginx で 403 forbidden を解決するための完全な手順

ウェブページに403 Forbiddenと表示されるNginx (yum インストール ログは通常 ...

クールな点滅アラームボタンをおすすめします

効果は以下のとおりです。 コードは次のとおりです (クリックすると展開してソース コードが表示されま...

rpm を使用して指定されたバージョンの docker (1.12.6) をインストールする詳細な手順

1. 理由システムが Centos7.3 の場合、yum install docker を使用して直...

SQL で行の最大値または最小値を取得する方法

元データと対象データSQL文を実装する(最大) 選択 店、 月、 最大(dz,fz,sp) が最大値...

Node.js パッケージ マネージャー npm の具体的な使用方法

目次目的npm init および package.json ファイルモジュールのインストールと管理モ...

Node.js http モジュールの使用

目次序文ウェブHTTP サーバーファイルサーバー練習する序文Node.js 開発の目的は、JavaS...

JSブラウザイベントモデルの詳細な説明

目次イベントとは簡単な例イベントをバインドする方法フレームワーク内のイベントイベントオブジェクトイベ...

Vueのレスポンシブシステムの原理の詳細な説明

目次Vueのレスポンシブシステムの基本原則1. Object.definePropertyの使い方を...

HTML 再利用テクニック

HTML の再利用は、あまり話題に上らない言葉です。今日は、この問題を次のようにまとめたいと思います...

ディスク容量不足による MySQL レプリケーション障害の解決方法

目次ケースシナリオ問題を解決するまとめケースシナリオ本日、オンラインで問題が発見されました。監視範囲...

2つのウェブサイトページ翻訳プラグインの共有

TranslateThis URL: http://translateth.is Google 翻訳...

Vue 3.0 カスタムディレクティブの使い方

目次1. カスタム指示1. グローバルカスタム指示を登録する2. グローバルカスタム指示を使用する3...

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

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

スクリプトを使用して、ワンクリックでDockerイメージをパッケージ化してアップロードします。

著者は1年以上マイクロフロントエンドプロジェクトに取り組んできました。チームは10個のマイクロアプリ...