onclick 删除，html

发布于 2024-11-30 05:24:06 字数 177 浏览 2 评论 0原文

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

素手挽清风 2024-12-07 05:24:06

这个简单的 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 按钮

this simple html shows how to have an input field and a X button that calls a clean function when pressed

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

Now the 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>

Of course this lacks validations like what type of key is pressed to avoid showing the X button when you press SHIFT or CTRL

回复收藏 0 原文

~没有更多了~