入力（フォーム）タグhtml/PhPで変数jsを設定する方法

Question

私は、プレーヤーが彼のフォームを終了するときに変数を設定できるかどうかを知りたいと思います。 例えば：

<form> 
 
    First name:<br> 
 
    <input type="text" name="firstname" value="Pedro"> 
 
    <br> 
 
    Last name:<br> 
 
    <input type="text" name="lastname" value="Pinto"> 
 
    <br><br> 
 
    <input type="submit" value="Submit"> 
 
</form>

彼が提出したときに、変数に、姓と名が保存されますどのようなJSの機能を、実行します。

そして、もしPhPで知りたいのなら、あまりにもありがたいことです。

どのようにPHPでそれを得るために

Answer 1

JSソリューション： このソリューションでは、データはクライアント側で処理されます。ユーザーがブラウザのプラグインを使用して意図しない方法でデータを操作できるため、これをサーバーに保存する場合は注意してください。

HTML：

<form> 
    First name:<br> 
    <input type="text" id="firstname" value="Pedro"> 
    <br> 
    Last name:<br> 
    <input type="text" id="lastname" value="Pinto"> 
    <br><br> 
    <input type="submit" value="Submit" onclick="myFunction()"> 
</form> 

JS：

function myFunction() { 
    var firstname = document.getElementById('firstname').value; 
    var lastname = document.getElementById('lastname').value; 
} 

PHPソリューション： このソリューションでは、データはproccessesサーバ側です。 JS変数を失うことになります。なぜなら、これによってページがリロードされるからです。このルートを使用する場合は、セッション変数、非表示入力、またはURLパラメータを使用して追加情報を渡す必要があるため、これを使用している情報に応じて他の格納された情報が失われる可能性があります。また、HTMLは、投稿を渡すときに "id"の代わりに "name"を使用することに注意してください。

HTML：

<form action="MYPAGE.php" method="post"> 
    First name:<br> 
    <input type="text" name="firstname" value="Pedro"> 
    <br> 
    Last name:<br> 
    <input type="text" name="lastname" value="Pinto"> 
    <br><br> 
    <input type="submit" value="Submit"> 
</form> 

PHP：

<?php 
    $firstname = $_POST["firstname"]; 
    $lastname = $_POST["lastname"]; 
?> 

Answer 2

：これは、あなたが得る方法です

<?php 
if(isset($_POST['submit'])) { 
    $firstname = $_POST['firstname']; 
    $lastname = $_POST['lastname']; 
} 
?> 

Answer 3

var username = $("input[name=firstname]").val(); 
var lastname = $("input[name=lastname]").val(); 

：そして、このコードを使用

<input type="submit" name="submit" value="Submit"> 

：

submitボタンに名前を追加します。 Jqueryの両方の入力フィールドの値。最初の部分は名前で入力を取得し、.val（）はその入力から値を取得します。