html 点击按钮清空输入框内容

 

完整代码:

 

复制代码
 1 <!DOCTYPE html>
 2 <html>
 3 <head>
 4 </head>
 5 
 6 <body>
 7 <div style="font-size:16px;float:left ;">
 8     <label class="text">内容
 9         <input  type="text" id="key" name="key"
10                placeholder="请输入"></label>
11     <button  type="button" onclick="clearText()">清空</button>
12 </div>
13 </body>
14 
15 {#地址根据实际的路径填写#}
16 <script type="text/javascript" src="xxxxx/js/jquery.min.js"></script>
17     <script type="text/javascript" language="javascript">
18         function clearText() {
19             $('.text input').val('');
20         }
21     </script>
22 
23 </html>
复制代码

 

posted @   菜小鱼~  阅读(10194)  评论(1编辑  收藏  举报
编辑推荐:
· go语言实现终端里的倒计时
· 如何编写易于单元测试的代码
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 使用C#创建一个MCP客户端
· ollama系列1:轻松3步本地部署deepseek,普通电脑可用
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示