1

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

4

1 回答 1

1

这个简单的 html 展示了如何有一个输入字段和一个 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 按钮

于 2011-08-18T09:15:19.173 回答