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>

因此，首次加载时，文本框将根据我之前定义的变量填充。然后我在文本框名称或国家/地区更改/输入内容。当我按下取消按钮时，如何将文本框值重新设置为以前（文本框名称由edward填充，国家/地区由印度尼西亚填充 - 均由其填充默认值）？感谢您的帮助：）

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

使用按钮点击将值设置恢复正常：

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

按取消按钮后返回文本框值

2 个答案: