javascript - 如何在 Metro UI 引导程序上制作重置按钮？

Question

我的php代码有问题..

<form id="form1" method="post" action="proses.php">
    <div class="input-control text area">
        <textarea name="ipt1" type="textarea"><?php echo $data['data'];?></textarea>
    </div>
    <input name="submit-btn" type="submit" value="Submit"/>
    <input name="clear-btn" type="reset" value="Clear" onclick="document.getElementById('form1').clear();"/>
</form>

结果当我点击“清除”按钮时没有任何反应，并且“ipt”字段没有被清除，我需要帮助，如果有人知道，请告诉我。

Answer 1

该type='reset'按钮将重置所有表单值，但您的问题是您有一些来自 PHP 的默认值。您可以执行以下操作：

<input name="clear-btn" type="reset" value="Clear" onclick="document.getElementsByName('ipt1')[0].innerHTML=''"/>

这里的innerHTML是用来访问里面的内容的textarea。

演示