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

时间:2014-05-04 06:31:55

标签: javascript php twitter-bootstrap metro.js metro-ui-css

我的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>

当我点击&#34;清除&#34;结果没有任何反应。按钮,&#34; ipt&#34;字段未清除, 我需要帮助,如果有人知道,请告诉我。

1 个答案:

答案 0 :(得分:0)

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

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

innerHTML此处用于访问textarea内的内容。

<强> DEMO