HTML5加法代碼示例:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>加法計算器</title> </head> <body> <h1>加法計算器</h1> <form> <label>數1:</label> <input type="number" name="num1" required><br> <label>數2:</label> <input type="number" name="num2" required><br> <input type="submit" value="計算"> </form> <?php if(isset($_GET['num1']) && isset($_GET['num2'])) { $num1 = $_GET['num1']; $num2 = $_GET['num2']; $sum = $num1 + $num2; echo "<p>{$num1} + {$num2} = {$sum}</p>"; } ?> </body> </html>
上面的代碼是一個非常簡單的加法計算器,使用HTML5表單元素和PHP處理表單數據。在值被提交到服務器之前,使用required屬性保證輸入框不能為空。表單可以通過單擊提交按鈕來提交。
PHP代碼通過處理表單數據將兩個數字加起來并計算它們的和,最后輸出結果,保存在<p>元素中。該段代碼應該放在HTML代碼的底部,在<body>標記結束之前。
上一篇html5前端源代碼