ホームページ > 記事 > ウェブフロントエンド > HTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?
HTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?
- 寻∝梦オリジナル
- 2018-08-27 14:16:2828398ブラウズ
この記事では、HTML のフォームの name 属性を中心に、基本的な定義とレンダリング例、HTML における name 属性の役割の説明、フォームにおける name 属性の例を紹介します。
まず、次の形式の name 属性の定義を理解しましょう:
name 属性は、入力要素の名前を指定します。
name 属性は、サーバー
に送信された後にフォーム データを識別するため、またはクライアント上の JavaScript を通じてフォーム データを参照するために使用されます。
注: フォームの送信時に値を渡すことができるのは、name 属性が設定されたフォーム要素のみです。
<input name="value">
上記の定義をよりよく理解するのに役立つ例を見てください。
2 つのテキスト フィールドと送信ボタンがある HTML フォーム:
<form action="form_action.asp" method="get"> <p>name: <input type="text" name="fullname" /></p> <p>email: <input type="text" name="email" /></p> <input type="submit" value="Submit" /> </form>
コードの効果は何ですか?画像を見てください
ここまで述べましたが、皆さんは name 属性についてある程度理解しているはずです。それでは、HTML における name 属性の役割について話しましょう
request.form (" name") を使用すると、テキスト ボックスに入力された値を取得できます。ページ上に同じ名前のコントロールが複数ある場合は、getelementsbyname を使用して配列を取得できます。また、ページ上にユーザーが性別を選択できるラジオが 2 つある場合、これら 2 つのボタンに name 属性を設定しない場合、どのような効果があるかを試すことができます。ラジオを使用して、ユーザーが性別を選択できるようにすることができます。通常、性別を選択する場合、2 つのラジオの名前を同じに設定しない場合は、男性と女性の両方を選択できます。 name 属性はフォーム内で非常に重要です
ここまで述べたので、name 属性の役割のコード例を見てみましょう:
<html> <select> <option value="1">php中文网</option> <option value="2" selected="selected">百度</option> <option value="3">腾讯</option> </select> <form> <input type="checkbox" name="newsletter" checked="checked" value="Daily" />非常喜欢 <input type="checkbox" name="newsletter" value="Weekly" />喜欢 <input type="checkbox" name="newsletter" checked="checked" value="Monthly" />还行 </form> <input type="button" value="确定"/> <SPAN style="WHITE-SPACE: pre"> <input type="text" value="请输入原因"/> </SPAN> </html>
この写真の効果は何ですか?一緒に見てください
name 属性はコントロールの名前 (複数のコントロールが同じ名前を持つことができます)、value はコントロールの値です
コントロールのすべての値が表示されるわけではありません
コントロールの名前と値を定義した後、サーバーに表示できます。このコントロールとその値を取得します
submit の名前が表示されないことは、ブラウザーがその名前を無視したことを意味するものではありません。これは、以前にブラウザーによって定義されていたことも意味します。
コントロールは、名前/値を定義せずに表示することもできます。もちろん、その名前と値は、サーバー上で受信して区別するためにのみ定義されます。 , ボタンの値は、その値を保存するだけでなく、表示するためにも使用されます
さて、上記がこの記事の全内容です。 ご不明な点がございましたら、お気軽に下記までお問い合わせください
[関連おすすめ]
HTMLのheadタグは何を意味しますか?この記事では、head タグを正しく使用する方法を説明しています
HTML テーブルの th ヘッダー コンテンツを中央に配置するにはどうすればよいですか?ヘッダータグの align 属性の詳細な紹介
以上がHTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。