ホームページ  >  記事  >  ウェブフロントエンド  >  HTMLのinputタグの値を取得するにはどうすればよいですか?入力値の使い方の詳しい説明

HTMLのinputタグの値を取得するにはどうすればよいですか?入力値の使い方の詳しい説明

寻∝梦
寻∝梦オリジナル
2018-08-28 17:59:5014036ブラウズ

この記事では主に、HTML input タグの value 属性の使用法と値、および input タグの value 属性に関連する値について説明します。この記事を一緒に見ていきましょう

まず、HTMLでのinputタグの使い方を見てみましょう

value属性はinput要素の指定値です。

入力要素のタイプが異なると、value 属性の使用法も異なります:

「ボタン」、「リセット」、「送信」タイプの場合 - ボタン上のテキストを定義します

「テキスト」、「パスワード」の場合"、"hidden" "タイプ - 入力フィールドの初期 (デフォルト) 値を定義します

「チェックボックス」、「ラジオ」、「イメージ」の場合 タイプ - 入力要素に関連付けられた値を定義します。この値はフォームのアクション URL に送信されます。

注: および には value 属性が必要です。

注: value 属性は には適用されません。

そうは言っても、例を見てみましょう:

value 属性の値が事前に定義されているフォーム:

<form action="demo_form.asp" method="get">
  请输入用户名: <input type="text" name="fname" value="Bill" /><br />
  第二次用户名: <input type="text" name="lname" value="Gates" /><br />
  <input type="submit" value="提交" />
</form>

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

HTMLのinputタグの値を取得するにはどうすればよいですか?入力値の使い方の詳しい説明

上の図はコードの結果であり、定義されたフォームです。

次に、関連付けられた値を見てみましょう:

入力ボックスを例として、各ボックスに入力できるでしょうか?このコンテンツは、入力ボックスに関連付けられた値です。値属性を設定すると、設定した値が入力ボックスに表示されます。同様にラジオボタンでも値を設定できますが、この値は設定しても入力ボックスのように表示されるわけではなく、設定するということは男性か女性かをマークするのと同じではないのかもしれません。男の子か女の子かを区別することは可能ですが、マークを付けることはできます。

input タグをある位置から別の位置に調整する必要がある場合があります。値を変更する方法によって value 属性が変更されない場合、調整後の入力の値はその値になります。調整後に設定した値は失われます。

<form> 
<input id="input" type="input" value=&#39;2&#39;></input> 
</form>

したがって、上記の操作がある場合は、値を変更する方法が入力の value 属性を変更することを確認するか、jQuery の clone メソッドなど、上記の操作を実現する他のメソッドを使用してください。

input タグの別のチェックボックス メソッド:

<form action="demo-form.php">
  <input type="checkbox" name="vehicle[]" value="Bike">我会PHP<br>
  <input type="checkbox" name="vehicle[]" value="Car">我会html<br>
  <input type="checkbox" name="vehicle[]" value="Boat">我会python<br>
  <input type="submit" value="提交">
</form>

上記のコードの効果は次の図に示すとおりです:

HTMLのinputタグの値を取得するにはどうすればよいですか?入力値の使い方の詳しい説明

さて、これでこの記事は終わりです。ご質問があれば、メッセージを残してください。以下

編集者推奨】

HTMLでベースタグの相対パスを記述するにはどうすればよいですか? (使い方説明付き)

HTMLのimgタグのsrc属性の使い方とは?具体的な使用方法の分析(例付き)

以上がHTMLのinputタグの値を取得するにはどうすればよいですか?入力値の使い方の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。