inputタグで使うvalue属性について

Question

前提・実現したいこと

HTMLのinputタグで使用するvalue属性の意味、意義を知りたい。
ここに質問の内容を詳しく書いてください。
現在PHP,HTML&CSSを使った簡単なwebページを制作しています。そこで疑問に思ったことがあります。
なぜinputタグで使用するtype属性の解説は充実しているのにvalue属性の解説はないのでしょうか?(value属性についての充実した解説をされているページがあったらごめんなさい)私の所感だとあまりないように感じます。　個人的にはinputタグで使用する大きな要素だと感じています。まだまだプログラマとして未熟であり、inputタグの解説動画やwebページを見てみてもそういうものだと説明されてもなぜ？という考えしか湧きません。またvalueタグに使用するのは変数じゃだめなのでしょうか？現在入力された名前を表示させるプログラムを書いているのですがその部分を整理したいです。ぜひここのユーザーの方の知恵をお借りしてこのなぜ？という疑問に終止符を打ちたいです。よろしくお願いします。
##ソースコード

<?php //POST送信で送られてきた名前を受け取って変数を作成 $my_name = $_POST["my_name"]; //①画像を参考に問題文の選択肢の配列を作成してください。 $what_number = [80, 22, 20, 21]; $language = ["PHP", "Python", "JAVA", "HTML"]; $command = ["join", "select", "insert", "update"]; //② ①で作成した、配列から正解の選択肢の変数を作成してください $what_number_correct = 80; $language_correct = "HTML"; $command_correct = "select"; ?> <p>お疲れ様です<!--POST通信で送られてきた名前を出力--><?php echo $my_name ?>さん</p> <!--フォームの作成 通信はPOST通信で--> <h2>①ネットワークのポート番号は何番？</h2> <!--③ 問題のradioボタンを「foreach」を使って作成する--> <?php foreach($what_number as $what_number_correct): ?> <input type="radio" name="port" value=""><?php echo $what_number_correct; ?> <?php endforeach ?> <h2>②Webページを作成するための言語は？</h2> <!--③ 問題のradioボタンを「foreach」を使って作成する--> <?php foreach($language as $language_correct): ?> <input type="radio" name="languager" value=""><?php echo $language_correct; ?> <?php endforeach ?> <h2>③MySQLで情報を取得するためのコマンドは？</h2> <!--③ 問題のradioボタンを「foreach」を使って作成する--> <?php foreach($command as $command_correct): ?> <input type="radio" name="command" value=""><?php echo $command_correct; ?> <?php endforeach ?> <!--問題の正解の変数と名前の変数を[answer.php]に送る--> <form action="answer.php" name="correct" method="post"> <button type="submit">回答する</button> </form> <form action="answer.php" method="post"> <input type="hidden" name="my_name" value=""> </form> ### 補足情報（FW/ツールのバージョンなど） 参考にしたページ https://techacademy.jp/magazine/4955 https://web-designer.cman.jp/html_ref/abc_list/data/ ここにより詳細な情報を記載してください。

Comments

[m.ts10806]

コードやエラーはマークダウンのcode機能を利用してご提示ください。
https://teratail.com/questions/238564

[Jedda]

ありがとうございます。まだこのサイトデビューしたてなのでわかりませんでした。参考にします。

Answer 1

value属性の解説はないのでしょうか?(value属性についての充実した解説をされているページがあったらごめんなさい)

下記（太字）だけで十分と思います。

<input>: 入力欄 (フォーム入力) 要素#value

value
入力コントロールの値です。 HTML の中で指定されると、これは初期値となり、その後で JavaScript を使用してそれぞれの HTMLInputElement オブジェクトの value プロパティにアクセスすることで、いつでも変更したり受け取ったりすることができます。 value 属性は常に省略可ですが、 checkbox, radio, hidden においては必須だと考えてください

type属性はコントロールの扱い方やコントロールの見た目、レイアウトにも関わるためそれぞれの属性値に説明や注意書きは必要です。
使える値使えない値がありますしね。（使えない値だと全部見た目text扱い）

value属性の属性値は任意の値を設定できるので「任意の初期値及びユーザーの入力値」以外に説明しようがありません。

またvalueタグに使用するのは変数じゃだめなのでしょうか？

質問の意図が分かりませんが、変数だって持っているのは「任意の値」です。
echoで出力してしまえば、ブラウザからアクセスしたらHTMLとして解釈されるので、変数かどうかは関係ありません（出力を受ける側にとっては）

また、リクエストは送信する時点のvalue属性の属性値を送信することになるのでradioやcheckbox、selectなどユーザーが選択するだけで値自体を操作で入力できない場合は「サーバーに送信する値」として設定は必須です。

Comments

[Jedda]

ここ最近valueとは何かをずっと考えてしまっていました。ありがとうございます。

Answer 2

HTMLのinputタグで使用するvalue属性の意味、意義を知りたい。

大げさ過ぎます。
普通にサーバサイドに任意の名前でパラメータを送信するだけのものです。
それ以下でもそれ以上でもありません。

inputタグはname属性でパラメータの名前を表し、value属性でその値を示すものです。
それだけだし、それ以外に何もありません。