HTMLの値の渡し方について質問です。 HTMLで値を今の画面から次の画面に渡すにはどういう文を使う

HTMLの値の渡し方について質問です。

HTMLで値を今の画面から次の画面に渡すにはどういう文を使うといいんですか？

No.1 ベストアンサー 回答者： kj1116 回答日時： 2021/02/01 10:21

2通りあります。

1. <a>タグのリンク先の最後に、"https://oshiete.goo.ne.jp/qa/12180927.html?a=hog …のように、「?」（2つ以上渡したい場合は以降「&」）で渡したいパラメータ名とその値をくっつけてあげます。
（例）
<a href="https://oshiete.goo.ne.jp/qa/12180927.html?a=hog …リンク</a>

※ただし<a>タグで渡す場合は後述のpostの方法はとれませんので、ユーザー側からはURLを見るとパラメータと値が見れてしまいます


2. <form>タグを使うパターンです。methodに"put"か"get"を指定して、渡したい値を<input name="a" value="hoge1">のように指定する必要があります。
（例）
<form action="https://oshiete.goo.ne.jp/qa/12180927.html" method="post">
<input type="hidden" name="a" value="hoge1" />
<input type="hidden" name="b" value="hoge2" />
<input type="submit" value="送信" />
</form>

※formの場合はテキストフォームやラジオボタンのようにユーザー任意の選択肢のパラメータを送りたい場合や、前述のようにユーザーにリンクにつくパラメータを見られたくない場合に有用です。
postにすることでリンク先のURLにパラメータがつきません。
またtype="hidden"はページ上に表示されないパラメータを送ることができます。（ブラウザのソース表示をすると普通に見れますが...）画面上見せたくないパラメータを入れる場合に有効です。


ただし、いずれの方法もPHPなどのプログラム上で受け渡しをする必要がありますので、HTMLだけで値を渡すことはできても次のページでその値を再度表示するなどは基本できません。

Javascriptでやる方法もあるみたいですので、下記のURLをご参照ください
https://web-sta.net/code/javascript/parameter/

No.2 回答者： dyna_1550 回答日時： 2021/02/01 10:55

No1の方が紹介されてる方法が基本ですが、最近はJavaScriptで動的に書き換える方法（JQueryなど）をとることもあります。