inputタグに値をセットするにはどうすればいいですか?

2年 ago
優斗, 朝陽
1 minute

PHPでは、サーバサイドかクライアントサイドかで、inputに値を設定する方法が異なります。

  1. $_POST
  2. _GET

サーバー側で input に値を代入する場合は、name という名前の input 要素と submit という名前の submit ボタンがあるとして、以下のコードを使用します。

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
$name = $_POST["name"];
}
?>
<form method="post" action="">
<input type="text" name="name" value="<?php echo isset($name) ? $name : ""; ?>">
<input type="submit" name="submit" value="Submit">
</form>
  1. クライアント側で input に値を設定する: input 要素に値を設定するには、ブラウザ側で JavaScript を使用できます。

nameという名前のinput要素とsubmitというsubmitボタンがあれば、inputに値を設定するのに、このコードを使えますよ。

<script>
document.addEventListener("DOMContentLoaded", function() {
var input = document.querySelector("input[name='name']");
var submit = document.querySelector("input[name='submit']");
submit.addEventListener("click", function(event) {
input.value = "John Doe";
});
});
</script>
<form method="post" action="">
<input type="text" name="name">
<input type="submit" name="submit" value="Submit">
</form>

上記のコードは、JavaScriptを使用し、ボタンのクリック時にinput要素に「John Doe」という値を代入します。

bannerAds