Return 按下取消按钮后的文本框值

Question

我有这样的代码：

<?php
    $name = "edward";
    $country = "Indonesia";
?>

<form id="bio">
    <input type="text" id="name" value="<?= $name ?>">
    <input type="text" id="country" value="<?= $country?>">
</form>

<button class="clear">Cancel</button>

所以当第一次加载时，文本框是根据我之前定义的变量填充的。然后我在文本框名称或国家/地区更改/键入内容。当我按下取消按钮时，如何使文本框值恢复到以前的值（文本框名称由爱德华填写，国家由印度尼西亚填写 - 均由其默认值填写）？感谢您的帮助:)

Answer 1

在HTML5中使用

<form>
<input type="text" id="name" placeholder="<?= $name ?>">
<input type="text" id="country" placeholder="<?= $country?>">
<button class="clear" type="reset">Cancel</button>
</form>

或使用JavaScript

Answer 2

使用按钮的 onclick 将值设置回正常：

<button class="clear" onclick="document.getElementById('name').value='<?=$name?>';document.getElementById('country').value='<?=$county?>';">Cancel</button>

Return 按下取消按钮后的文本框值

Return textbox value after press cancel button

html

php

textbox