ホームページ > ウェブフロントエンド > htmlチュートリアル > HTMLのフォームのパラメータと属性について詳しく解説

HTMLのフォームのパラメータと属性について詳しく解説

Y2J
リリース: 2017-05-20 10:26:24
オリジナル
4917 人が閲覧しました

<form action="form_action.asp" method="get">
  <p>First name: <input type="text" name="fname" /></p>
  <p>Last name: <input type="text" name="lname" /></p>
  <input type="submit" value="Submit" /></form>
ログイン後にコピー

ブラウザのサポート

IE

1.Firefox

2.Chrome

3.Safari

4.Opera

すべてのブラウザは

タグをサポートしています。

定義と使用法

タグは、ユーザー入力用の HTML フォームを作成するために使用されます。

フォームには、テキストフィールド、チェックボックス、ラジオボタン、送信ボタンなどの入力要素を含めることができます。

フォームには、メニュー、テキストエリア、フィールドセット、凡例、ラベル要素も含めることができます。

フォームはサーバーにデータを送信するために使用されます。

ヒントとメモ

注: form 要素はブロックレベルの要素であり、その前後で改行が発生します。

HTML と XHTML の違い

なし

属性

new : HTML5 の新しい属性。

HTMLのフォームのパラメータと属性について詳しく解説

説明

enctype 属性の可能な値:

1.application/x-www-form-urlencoded

2. multipart/form-data

3.text/plain

グローバル属性

タグは HTML のグローバル属性をサポートします。

イベント属性

タグは HTML のイベント属性をサポートします。

TIY 例

テキスト フィールド

この例は、HTML ページにテキスト フィールドを作成する方法を示します。ユーザーはテキストフィールドにテキストを書き込むことができます。

パスワードフィールド

この例は、HTML パスワードフィールドを作成する方法を示します。

チェックボックス

この例は、HTML ページにテキスト ボックスを作成する方法を示します。ユーザーはチェックボックスをオンまたはオフにできます。

ラジオ ボタン

この例では、HTML でラジオ ボタンを作成する方法を示します。

単純なドロップダウン リスト

この例では、HTML ページに単純なドロップダウン リスト ボックスを作成する方法を示します。ドロップダウン リスト ボックスは選択可能なリストです。

別のドロップダウン リスト

この例では、事前に選択された値を含む単純なドロップダウン リストを作成する方法を示します。 (注: 事前に選択された値は、事前に指定された設定を参照します。)

Textarea

この例では、テキストエリア (複数行のテキスト入力コントロール) を作成する方法を示します。ユーザーはテキストフィールドにテキストを書き込むことができます。テキストフィールドには、入力できる文字数に制限はありません。

ボタンの作成

この例は、ボタンを作成する方法を示しています。ボタン上のテキストをカスタマイズできます。

データの周囲のフィールドセット

この例では、データの周囲にタイトルを含むボックスを描画する方法を示します。

入力ボックスと確認ボタンのあるフォーム

この例は、ページにフォームを追加する方法を示しています。このフォームには 2 つの入力ボックスと確認ボタンが含まれています。

チェックボックス付きフォーム

このフォームには 2 つのチェックボックスと確認ボタンが含まれています。

ラジオボタン付きフォーム

このフォームには、2 つのラジオ ボタンと 1 つの確認ボタンが含まれています。

フォームからメールを送信する

この例は、フォームからメールを送信する方法を示しています。

【関連おすすめ】

1. HTML無料ビデオチュートリアル

2. formタグのメソッド属性の詳細な説明

3. HTMLフォームの詳細な紹介

4. フォームフォームの動作プロセスの詳細な説明

5. HTML のテーブルとフォームのフォーム

以上がHTMLのフォームのパラメータと属性について詳しく解説の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート