Web制作メモ -トップへ-

[HTML] フォームに隠しデータを設定する

HTML&CSS2014.12.11 05:34

フォームに隠しデータを設定するには<input type="hidden">を使います。

隠しデータが必要になるのは、ページをまたいで処理するプログラムを作成するときなどです。

ユーザーから入力される<input>と違い、Webサイト側でJavascriptなどを使ってvalueに値を設定して引き継ぎたいページに渡せます。

受け取り方はユーザーから入力される<input>と同じで、name属性を使って受け取ります。

HTML(送信)

<form method="post" action="">
    <input type="hidden" name="msg" value="こんにちは">
    <input type="submit">
</form>

PHP(受信)

<?php
if($_POST) {
    echo $_POST['msg'];
}
?>

実行結果

送信を押すとこんにちはと表示されます。

サンプル

[HTML] フォームに隠しデータを設定するサンプル - こんびた日記
※PHPのコードはサーバーで処理されるのでサンプルのソースに表示されません。