如何從表單中回顯語句？

Question

我是一名學生，我必須制作一個計算器類型的表單，您可以在其中輸入兩個值並單擊一個操作。 這是一個簡單的概念，僅使用 4 個操作。

我能夠制作表單的格式：標題、輸入文本和按鈕。 但是我找不到獲取輸入信息和操縱信息的方法。 我最初的目標是獲取這兩個值並加/減/乘/除這些值並打印上面的語句。

例如：

1 + 2 = 3 //上面打印的語句

第一個值： 1第二個值： 2 //插入值

+ - * / //點擊操作按鈕

有什么建議么？

<!DOCTYPE HTML>

<?php
  print_r($_POST);
  if ( isset($_POST["+"]) ) {
    $sum = $var1 + $var2;
    echo "$var1 + $var2 = $sum";
  }
  elseif( isset($_POST["-"]) ) {
    $sum = $var1 - $var2;
    echo "$var1 - $var2 = $sum";
  }
  elseif ( isset($_POST["*"]) ) {
    $sum = $var1 * $var2;
    echo "$var1 * $var2 = $sum";
  }
  elseif ( isset($_POST["/"]) ) {
    $sum = $var1 / $var2;
    echo "$var1 / $var2 = $sum";
  }
?>

<html>
   <body>
     <form action="" method="POST">
      First Value: <input type="text" name="First Value"><br><br>
      Second Value: <input type="text" name="Second Value"><br><br>
      Operations: <button type="submit" name "+">+</button>
                  <button type="submit" name "-">-</button>
                  <button type="submit" name "*">*</button>
                  <button type="submit" name "/">/</button>
     </form>
  </body>

</html>

Answer 1

我不知道這是否是正確的做事方式，但您可以在腳本部分使用 jquery 這樣做，假設您有這個表格

<form id="target" action="destination.html">
  <input type="text" value="Hello there">
  <input type="submit" value="Go">
</form>

所以在提交時你做數學

$( "#target" ).submit(function( event ) {
  //do the math//
  document.write(//your answer//);
  event.preventDefault();
});

Answer 2

這似乎解決了我在評論中提到的錯誤

<!DOCTYPE HTML>
<html>
<body>
<?php
if ( $_SERVER['REQUEST_METHOD'] == 'POST'){
  
  if ( isset($_POST["+"]) ) {
    $sum = $_POST['var1'] + $_POST['var2'];
    echo "$_POST[var1] + $_POST[var2] = $sum";
  }
  elseif( isset($_POST["-"]) ) {
    $sum = $_POST['var1'] - $_POST['var2'];
    echo "$_POST[var1] - $_POST[var2] = $sum";
  }
  elseif ( isset($_POST["*"]) ) {
     $sum = $_POST['var1'] * $_POST['var2'];
    echo "$_POST[var1] * $_POST[var2] = $sum";

  }
  elseif ( isset($_POST["/"]) ) {
    $sum = $_POST['var1'] / $_POST['var2'];
    echo "$_POST[var1] / $_POST[var2] = $sum";

  }
}
?>

     <form action="" method="POST">
      First Value: <input type="text" name="var1"><br><br>
      Second Value: <input type="text" name="var2"><br><br>
      Operations: <button type="submit" name="+">+</button>
                  <button type="submit" name="-">-</button>
                  <button type="submit" name="*">*</button>
                  <button type="submit" name="/">/</button>
     </form>
</body>
</html>

Answer 3

<?php

$first_num = $_POST['first_num'];
$second_num = $_POST['second_num'];
$operator = $_POST['operator'];
$result = '';
if (is_numeric($first_num) && is_numeric($second_num)) {
    switch ($operator) {
        case "Add":
           $result = $first_num + $second_num;
            break;
        case "Subtract":
           $result = $first_num - $second_num;
            break;
        case "Multiply":
            $result = $first_num * $second_num;
            break;
        case "Divide":
            $result = $first_num / $second_num;
    }
}

?>
<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
    <div id="page-wrap">
    <h1>Simple Calculator Program</h1>
      <form action="" method="post" id="quiz-form">
            <p>
                <label>First Number</label>
                <input type="number" name="first_num" id="first_num" required="required" value="<?php echo $first_num; ?>" /> 
            </p>
            <p>
                <label>Second Number</label>
                <input type="number" name="second_num" id="second_num" required="required" value="<?php echo $second_num; ?>" /> 
            </p>
            <p>
                <label>Result</label>
                <input readonly="readonly" name="result" value="<?php echo $result; ?>"> 
            </p>
            <input type="submit" name="operator" value="Add" />
            <input type="submit" name="operator" value="Subtract" />
            <input type="submit" name="operator" value="Multiply" />
            <input type="submit" name="operator" value="Divide" />
      </form>
    </div>
</body>
</html>

如何從表單中回顯語句？

問題描述

3 個解決方案

解決方案1
0 2020-12-01 15:40:51

解決方案2
0 已采納 2020-12-01 16:07:14

解決方案3
0 2020-12-01 16:18:45

如何從表單中回顯語句？

問題描述

3 個解決方案

解決方案1 0 2020-12-01 15:40:51

解決方案2 0 已采納 2020-12-01 16:07:14

解決方案3 0 2020-12-01 16:18:45

解決方案1
0 2020-12-01 15:40:51

解決方案2
0 已采納 2020-12-01 16:07:14

解決方案3
0 2020-12-01 16:18:45