Question

我正在使用webapp-net构建iOS / android应用程序。在我的应用程序中，我有一个带有一些文本字段的表单我希望在输入输入时有一个“X”图标，该图标通常出现在文本字段中。通过单击该图标，您只需单击一下即可删除整个输入。只有输入输入时才会出现图标“X”，当文本字段为空时，图标不可见。如果你能给我一个如何做的例子，我真的很感激。

Answer 1

这个简单的html显示了如何设置输入字段和按下

时调用clean函数的X按钮

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

现在是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>

当然这缺少验证，例如按下什么类型的键以避免在按SHIFT或CTRL时显示X按钮

onclick删除，HTML

1 个答案: