<input type="text" 鼠标移动去清空默认value onclick=javascript:this.value=''

最新推荐文章于 2023-01-28 16:20:59 发布
最新推荐文章于 2023-01-28 16:20:59 发布
阅读量479 收藏
点赞数
分类专栏： php
本文介绍了一个简单的输入框示例，展示了如何使用HTML创建一个带有默认提示文本的文本输入框，并通过JavaScript实现清除默认值的功能。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

  <input name="q" type="text" value="请输入微信号或手机号"  onclick=javascript:this.value='' /> 
js 获取、清空input type=file的值(示例代码)
12-08
<input name="button1" type="button" value="清除" onclick="show()"> <script> function show() { document.getElementById("span1").innerHTML = "<input name='ab' type='file'>"; } </script> ``` 在这个...
Javascript事件：this.value()和this.select()
weixin_30568591的博客
09-10 1416
1.JavaScript的this.value() <asp:TextBox ID="txtComment" runat="server" Text="请输入评论内容" onclick="this.value=''"> </asp:TextBox> 当文本框获得焦点的时候，文本框内容清空 2.JavaScript的this.value() <html:...
jquery radio checked selected 文本框清空 this.value="" remove 增加
小画家
03-10 1725
JS清空多文本框、文本域示例代码 <!-- function cls(){ var sum=0; var t = document.getElementsByTagName("INPUT"); for (var i=0; i <t.length;i++){ if (t[i].type=='text'){ ++sum; t[i].value="";//清空 } } var sum1=0; var
JavaScript的this详解
liulanba的博客
01-28 3721
在 JavaScript 中 this 指向不是固定不变的，它会随着执行环境的改变而改变，主要分为这几种情况。 1）在方法中，this 表示该方法所属的对象。 2） 如果单独使用，this 表示全局对象。 3）在函数中，this 表示全局对象。 4）用new构造就表示新对象。 首先辨析一下在JavaScript中函数和方法： 函数需要通过名字来进行调用。它能将一些数据（参数）传递进去进行处理，然后返回一些数据（返回值），也可以不返回。 function func(a, b) { return a *
管理员登录退出功能
寨板p45黑苹果10.12.6
02-15 630
在输入框中实现单击清除事件οnclick=“JavaScript:this.value=’’” <li><input name="username" type="text" class="loginuser" value="" onclick="JavaScript:this.value=''"/></li> 登陆失败的提示信息 前端使用EL表达式来获取提...
JavaScript事件
qq_56465302的博客
01-28 125
事件
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算器1</title> <link rel="stylesheet" href="MyStyle.css" /> <!-- <script type="text/javascript" src="index.js"></script> --> </head> <body> <div class="calculator"> <input class="output" value="" id="output" disabled="disabled"/> <div> <div class="numbers"> <input type="button" value="7" onclick="calculator.numberClick(7)"/> <input type="button" value="8" onclick="calculator.numberClick(8)"/> <input type="button" value="9" onclick="calculator.numberClick(9)"/> <input type="button" value="4" onclick="calculator.numberClick(4)"/> <input type="button" value="5" onclick="calculator.numberClick(5)"/> <input type="button" value="6" onclick="calculator.numberClick(6)"/> <input type="button" value="3" onclick="calculator.numberClick(3)"/> <input type="button" value="2" onclick="calculator.numberClick(2)"/> <input type="button" value="1" onclick="calculator.numberClick(1)"/> <input type="button" value="0" onclick="calculator.numberClick(0)"/> <input type="button" value="AC" onclick="calculator.numberClick(value)"/> <input type="button" value="=" onclick="calculator.numberClick(value)"/> </div> <div class="operators"> <input type="button" value="*" onclick="calculator.numberClick(value)"/> <input type="button" value="-" onclick="calculator.numberClick(value)"/> <input type="button" value="+" onclick="calculator.numberClick(value)"/> <input type="button" value="/" onclick="calculator.numberClick('/')"/> </div>
03-14
<input type="text" id="display" readonly> <div class="buttons"> <button onclick="clearDisplay()">C</button> <button onclick="appendToDisplay('+')">+</button> <button onclick="appendToDisplay('-')...
html代码 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>计算器1</title> <link rel="stylesheet" href="MyStyle.css" /> <script type="text/javascript" src="index.js"></script> </head> <body> <div class="calculator"> <input class="output" value="" id="output" disabled="disabled"/> <div> <div class="numbers"> <input type="button" value="7" onclick="calculator.numberClick(7)"/> <input type="button" value="8" onclick="calculator.numberClick(8)"/> <input type="button" value="9" onclick="calculator.numberClick(9)"/> <input type="button" value="4" onclick="calculator.numberClick(4)"/> <input type="button" value="5" onclick="calculator.numberClick(5)"/> <input type="button" value="6" onclick="calculator.numberClick(6)"/> <input type="button" value="3" onclick="calculator.numberClick(3)"/> <input type="button" value="2" onclick="calculator.numberClick(2)"/> <input type="button" value="1" onclick="calculator.numberClick(1)"/> <input type="button" value="0" onclick="calculator.numberClick(0)"/> <input type="button" value="AC" onclick="calculator.numberClick(value)"/> <input type="button" value="=" onclick="calculator.numberClick(value)"/> </div> <div class="operators"> <input type="button" value="*" onclick="calculator.numberClick(value)/> <input type="button" value="-" onclick="calculator.numberClick(value)/> <input type="button" value="+" onclick="calculator.numberClick(value)/> <input type="button" value="/" onclick="calculator.numberClick(value)/> </div> 请帮我完善js代码
03-14
<think>好的，我现在需要帮助用户完善JavaScript代码来实现一个简单的计算器功能。用户提供了HTML结构，需要处理数字按钮和操作符按钮的点击事件，特别是完成numberClick()函数。让我仔细想想应该怎么做。 首先，...
``` <%@ page language="java" import="test_package.*" import="java.util.*" import="java.sql.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <link rel="stylesheet" href="../style/certificate.css"> </head> <body> <% List<test_information> list = (List<test_information>)session.getAttribute("date"); %> <div class = "tit">查看凭证</div> <div class = "Ribbon"> <table> <tr> <td> <input type = "button" value = "传统记账" class = "R_button"> <form action = ""> <input type = "submit" value = "导出"> </form> <form action = ""> <input type = "hidden" id = "select"> <input type = "submit" value = "打印"> </form> <input type = "button" value = "模板" onclick ="template.show()"> </td> </tr> </table> </div> <div class="body"> <table class="cer" > <% for(test_information news:list) { %> <!-- 将每条记录分为两列展示 --> <tr> <td class = "zero_box"> <form><input type = "hidden" value = "<%=news.getTel() %>"> <input type = "radio" > </form> </td> <td class="first_box"> <%= news.getMaterial() %> <br/> <%= news.getStart_time() %> </td> <td class="second_box"> <%= news.getWashing_method() %> <br/> <%= news.getPrice() %> </td> <td class="third_box"> <form action =""> <input name = "id" value ="<%=news.getTel() %>" type = "hidden"> <input type ="submit" class = "func_button" value = "税费" ><br> <input type ="submit" class = "func_button" value = "查看凭证" ><br> <input type ="submit" class = "func_button" value = "删除凭证" > </form> <br/> </td> </tr> <% } %> </table> </div> </body> </html>```实现选择打印功能，即在表格中选中对应的项，点击打印可以打印出来，允许多选
最新发布
03-18
<input type="button" value="打印" onclick="handlePrintSelections()"> ``` #### **JavaScript 部分** 编写脚本以捕获用户的选项并将它们渲染到新的打印区： ```javascript function handlePrintSelections() { ...
JavaScript的onfocus与onblur用法
weixin_42232623的博客
05-21 1328
在做登录的时候，登录界面的文本框中会有一段文字，当鼠标点击文本框时，框内文字消失，当鼠标离开时，那行字又出现了，但当输入文本时那行字便不再显现，此特效是如何实现的呢？实现原理如下 效果如下: 点击用户名前: 点击用户名后 代码如下 <input type="text" name="username" value="请输入用户名" onfocus="this.value = '';" ...
javascript中onclick(this)用法和onclick(this.value)用法介绍
只在朝暮间的博客
06-14 6万+
onclick(this.value)代码详解 <html> <head> <script language="javascript"> function test(value){ if(value=='1') { alert("11111111"); }else{ alert
input 鼠标点击清空默认值
技术积累
12-25 1693
<input name="keywords" type="text" value="请输入短信验证码" οnfοcus="if(this.value == this.defaultValue) this.value = ''" οnblur="if(this.value == '') this.value = this.defaultValue">
jquery 鼠标放入input框值清空离开恢复默认值
偶尔一节
08-29 4651
$('input').each(function() { var default_value = this.value; $(this).focus(function(){ if(this.value == default_value) { this.value = ''; } }); $(this).blur(function(){ i
href="javascript:xxx(this);"和onclick="javascript:xxx(this);"的区别
热门推荐
墨竹
10-18 6万+
href="javascript:xxx(this);"和onclick="javascript:xxx(this);" 一直以为这两种写法是等同的，今天在项目中使用时发现前者的this根本拿不到触发事件的A标签，而后者可以拿到 一般在做分页按钮时会用A标签来做，但是一般都会写之类的 href="#"会导致分页在跳转时页面先跳到当前页面顶部用户体验不好，所以一般推荐写成 甚至如果跳
this.value和$(this).val()的区别
javaboy
06-11 1万+
this.value是JS原生态写法   $(this).val()是JQ的写法   两个打印出来的值是一样的。 另外补充最近积累的几点： change()事件 click()事件 reset()方法重置是DOM对象的操作， empty()是DOM对象的设置为空的操作  ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值