HTMLフォームタグのname属性の使い方は? formタグのname属性の詳しい説明

寻∝梦
リリース: 2018-08-29 15:37:33
オリジナル
11702 人が閲覧しました

この記事では、HTML form タグの name 属性の使い方を主に紹介します。最後に、name タグの利点についても説明します。

まず、HTML form タグの name 属性の使用法を見てみましょう:

フォーム内の name 属性は主に、フォームに名前がある場合に、私たち一人一人が名前を持つのと同じように、フォームをマークするために使用されます。名前 動的 Web ページをデザインするとき、request.form("name") メソッドを使用して、フォーム内の関連データを取得できます。

form タグの name 属性の導入例を見てください:

name 属性を含む HTML フォーム:

<form action="form_action.asp"method="get"name="myForm">
  <p>请输用户名: <input type="text"name="fname"/></p>
  <p>再输用户名: <input type="text"name="lname"/></p>
  <input type="button"onclick="formSubmit()"value="确定提交吗"/>
</form>
ログイン後にコピー

その効果は図に示すとおりです:

HTMLフォームタグのname属性の使い方は? formタグのname属性の詳しい説明

name 属性の紹介formタグの:

1 []に.name属性を与えると、フォーム送信時に複数のname値が自動的に配列されて送信されます

2 size属性は2つの属性で表現されます。 1 つはタイプであり、テキストとパスワードであり、サイズは表示されるコンテンツの幅として表されます。他のタイプの入力ボックスは、入力フィールドの幅 (ピクセル単位) で表されます。一般的な使用法:

<p>PIN:<input type="text" name="pin" maxlength="2" size="2"/></p>
ログイン後にコピー

直接レイアウトするには、size 属性を指定して maxlength を使用します。

3. size 属性には互換性の問題があることに注意してください。通常は使用しないでください。入力幅を制御するために CSS を使用するようにしてください。

以下は、一般的に使用される name 属性とまれに使用される id 属性の使用法です。 (nameとidの違い、nameのメリット)

formタグのname属性は本来識別のために使用されますが、現在は仕様により要素の識別にはidを使用することが推奨されています。ただし、次の用途では名前を置き換えることはできません:

1. フォーム内のコントロールの名前、および送信されたデータは ID ではなくコントロールの名前によって制御されます。チェックボックスやラジオなど、同時に複数のコントロールに対応する名前が多数あり、ID がドキュメント全体で一意である必要があるためです。さらに、ブラウザは名前に基づいてサーバーに送信されるリクエストを設定します。したがって、id を使用すると、サーバーはデータを取得できません。

2. フレームとウィンドウの名前は、他のフレームまたはウィンドウのターゲットを指定するために使用されます。

次の点は普遍的に使用できますが、name 属性の代わりに id を使用することを強くお勧めします:

アンカー ポイント、通常は

<a name="myname">
ログイン後にコピー

の前に記述されますが、任意の要素 ID で指定できるようになりました:

<div id="myid">
ログイン後にコピー

わかりました, 上記はHTMLフォームについてです タグのname属性についてご紹介しました ご不明な点がございましたら、以下よりお問い合わせください

【編集者のおすすめ】

HTMLのulタグとは何ですか? HTMLのulタグの役割を詳しく解説

htmlでpreタグ内の文字を折り返すには? HTMLプレタグの使用例

以上がHTMLフォームタグのname属性の使い方は? formタグのname属性の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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