HTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?-htmlチュートリアル-php.cn

HTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?

寻∝梦

リリース： 2018-08-27 14:16:28

オリジナル

28415 人が閲覧しました

この記事では、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>

ログイン後にコピー

コードの効果は何ですか?画像を見てください

HTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?

ここまで述べましたが、皆さんは 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>

ログイン後にコピー

この写真の効果は何ですか?一緒に見てください

HTML の name 属性の機能は何ですか?デフォルトの name 属性は何ですか?