如何在Metro UI Bootstrap上設置重置按鈕？

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內容。

DEMO