<?php
$v = "riri";
//echo $v;
if ($_SERVER["REQUEST_METHOD"] == "POST")
{
if ( !empty($_POST["quantity"]))
{
//$nameErr = "Name is required";
echo "++++++ " .$_POST["quantity"];
}
else
{
}
if ( !empty($_POST["str_quantity"]))
{
//$nameErr = "Name is required";
echo "++++++ " .$_POST["str_quantity"];
}
else
{
}
}
?>
<!DOCTYPE html>
<html>
<body>
<!--
<h2>Using The id Attribute in JavaScript</h2>
<p>JavaScript can access an element with a specified id by using the getElementById() method:</p>
<h1 id="myHeader">Hello World!</h1>
<button onclick="displayResult()">Change text</button>
<script>
function displayResult()
{
document.getElementById("myHeader").innerHTML = "Have a nice day!";
}
</script>
-->
<!-- action="<?php echo htmlspecialchars($_SERVER["PHP_SELF"]);?>" -->
<!-- <span class="error">* <?php echo $nameErr;?></span> -->
<form method = "POST" action= "<?php $_PHP_SELF ?>" >
<label for="quantity">Nombre</label>
<input type="number" id="quantity" name="quantity" >
<label for="quantity">Texte</label>
<input type="text" id="str_quantity" name="str_quantity" >
<input type="submit" value="Submit">
</form>
https://www.w3schools.com/php/php_ajax_php.asp a voir
<label>Affecte une valeur (name)</label><br />
<input type="text" name="firstName" />
<br/><br/>
<button onclick="read_name_val();">Lire la valeur (name)</button>
<button onclick="set_name_val();">Affecte la valeur (name)</button>
<br/><br/>
<label>Affecte une valeur (id)</label><br />
<input type="text" id="firstName" />
<br/><br/>
<button onclick="read_id_val();">Lire la valeur (id)</button>
<button onclick="set_id_val();">Affecte la valeur (id)</button>
<br/><br/>
<p id="p1"></p>
<br/><br/>
<label>Title</label><br />
<input id="myinput421" type="text" value="Computer Literacy">
<input type="text" name="field<?php echo $v;?>" value="Cretin">
<input type="text" id="champ<?php echo $v;?>" value="Avec id">
<!--
name=" columntwo<?php echo $i;?>"
-->
<br/><br/>
<button onclick="show();">Show input value</button>
<button onclick="action();">Test</button>
<button onclick="f1();">Test</button>
<script>
// le paragraphe reçoit le nouveau texte
document.getElementById("p1").innerHTML = "New text!";
// je donne une valeur par défaut en utilsant le name
document.getElementsByName("firstName")[0].value = "je donne une val " ;
// je donne une valeur par défaut en utilsant l'id
document.getElementById("firstName").value = "non define";
function read_name_val()
{
let res = document.getElementsByName("firstName")[0].value
alert("Valeur = " + res);
}
function set_name_val()
{
document.getElementsByName("firstName")[0].value = "J'affecte ..." ;
}
function read_id_val()
{
let input = document.getElementById("firstName").value;
alert("Valeur = " + input);
}
function set_id_val()
{
document.getElementById("firstName").value = "Insertion";
}
function show() {
let input = document.getElementById("myinput421");
alert("Value = " + input.value);
}
function show() {
let input = document.getElementById("myinput421");
alert("Value = " + input.value);
}
function action() {
//let input = document.getElementsByName("fieldriri");
// OK
//alert(document.getElementsByName("fieldriri")[0].value);
let res = document.getElementsByName("fieldriri")[0].value
alert("Valeur = " + res);
// alert("Value = " + input[0].tagName);
}
function f1()
{
let input = document.getElementById("champriri");
alert("Retour = " + input.value);
}
</script>
</body>
</html>