onclick刪除，html

Question

我正在使用webapp-net爲iOS/android構建應用程序。在我的應用程序中，我有一個帶有文本字段的表單。我想要輸入一個輸入時通常出現在文本字段上的「X」圖標。通過點擊該圖標，只需點擊一下即可移除整個輸入。圖標「X」僅在輸入輸入時出現，當文本框爲空時圖標不可見。如果你能給我一個如何去做的例子，我會很感激。

Answer 1

這個簡單的HTML展示瞭如何有一個輸入字段，並按下

<input type="text" onkeypress="show();" id="text" /><div id="close" onclick="clean();" style="display:none">x</div> 

當現在呼籲一個乾淨的功能的X按鈕的JavaScript

<script type="text/javascript"> 
    function show(){ 
     document.getElementById('close').style.display = ''; //shows the X button when text is entered; 
    } 

    function clean(){ 
     document.getElementById('close').style.display = 'none'; //hides the X button 
     document.getElementById('text').value = ""; //clears the field 
    } 
</script> 

當然，這缺乏驗證喜歡什麼類型按下鍵時避免顯示X按鈕當您按SHIFT或CTRL時