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时