如何实现当鼠标点击输入框时,输入框内的提示文字自动消失

作者&投稿:危亮 (若有异议请与网页底部的电邮联系)
如何当鼠标点击输入框时,输入框内的提示文字自动消失~



function text1_onfocus ()

text1.value=""
end function





需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。

2、在index.html中的标签中,输入html代码:。

3、浏览器运行index.html页面,文本框初始有文字。

4、点击文本框,文字成功消失。

想要实现点击输入框消失,只需要给文本输入框加一点js效果即可,可以参考以下代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>txt</title>
<script type="text/javascript">
window.onload=function(){
var oIpt = document.getElementsByTagName('input')
oIpt[0].onclick=function(){
this.value = ""
}
}
</script>
</head>
<body>
<input type="text" value="点我消失!" name="">
</body>
</html>

以上代码实现的效果为,点击文本输入框之后设置input的value值为空。



第一种,文字是文本框的默认值:
<input type="text" class="textBox" value="222" />
$(".textBox").focus(function(){
$(".textBox").val("");

});
第二种,使用html的placeholder属性;鼠标点击时会自动隐藏:
<input type="text" class="textBox" placeholder="222" />
第三种,使用标签提示文字:
<p style="position:relative">
<input type="text" class="textBox" />
<span style="position:absolute; left:10px; top:0px;">提示文字</span>

</p>
$(".textBox").focus(function(){
$("span").hide();

});

Private Sub Text1_GotFocus()
If Text1.Text = "提示文字" Then Text1.Text = ""
End Sub

Private Sub Text1_LostFocus()
If Text1.Text = "" Then Text1.Text = "提示文字"
End Sub


如何利用PPT中的触发器实现标注效果?
设置自选图形格式”,将填充项“透明度”设为100%,和线条项设为“无线条颜色”。3、添加一文本框并输入名称,如花蕊。4、将文本框设置动画效果。5、选择“效果选项”,在“计时”项中点击“触发器”,在“单击下列对象时启动效果”中选择矩形并确定。6、演示一下,当鼠标点击花蕊后便出现名称。

如何用键盘实现鼠标键功能?
双击 + 拖曳 0(INS)释放 .(Del)由此看出,单击鼠标左键即为\/,5,拖动窗口为:先移动到窗口的标题栏,再按INS,然后用“移动”键 将窗口移到合适的位置,最后按Del。记住,由于数字小键盘不是真的鼠标,所以要领会它的一些规章制度。要领就是先确定下面的操作是左键呢还是右键,以及是单击呢还是...

请问Java中如何写代码实现无标题无边框的窗体能够用鼠标拖动改变窗口大 ...
下面是一个类用来完成你所要求的:class TestFrame extends JFrame { public TestFrame(){ setTitle("");\/\/设置无标题 setResizable(true);\/\/设置用户可以改变窗口大小 setVisible(true);\/\/窗体可见 } } 至于所说的无边框,在没有给窗体设置大小时,系统默认就是无边框的 希望我的回答能使你满意...

CSS里鼠标点击div里的LI A时加上背景图片
CSS里面没有点击事件,只能控制鼠标移入的时候显示!小案例:<!doctype html> CSS里鼠标点击div里的LI A时加上背景图片 div:hover>a{background: url(img\/5.jpg);} 百度知道 案例截图:为进入 案例截图:进入 ...

...系列坐标点绘制成曲线图显示在窗体上,当鼠标点击时显示该点的坐标...
方法:新建一个自定义控件,在自定义控件的类里面准备好存放这些点的数据结构 初始化的时候用SetStyle还是什么的让所有绘制代码都在OnPaint中 然后重载OnPaint方法,在里面用GDI+绘制线条(按照x坐标从小到大遍历)鼠标点击的话就是OnMouseClick事件,此时可以拿到点击的位置,检查一下是不是这些点中的某...

mapbasic如何编程使得在一张表中鼠标点击对象能打开另一张表?_百度知...
请参考如下代码,基本上就是search map object的一些东西。这个是直接从MapBasic中copy出来的,得到的返回结果是point的坐标和对象的行id,你可以利用这个行id进行判断,然后继续接下来的操作。例如set map 命令之类。看你问问题的方式估计这些我都不用多说了。Include "mapbasic.def"Include "icons.def"...

如何在excel中实现点击一个单元格链接到另一个单元格
方法1:建立超链接。在A1单元格上点鼠标右键——“超链接”,在“键入单元格引用”中输入C1,确定。方法2.使用VBA。ALT+F11打开VBA编辑器,将以下代码贴入。Private Sub Worksheet_SelectionChange(ByVal Target As Range)If Target.Count > 1 Then Exit Sub If Target.Row = 1 And Target.Column ...

C# 对Panel设置Mouseclick事件 4RadioButton触发跳出Messagebox
运行以上的程序,可以发现,Panel控件并不能对鼠标滚轮事件做出反应,原因是Panel控件默认不能获得焦点,因此它就不能捕获鼠标,也就不能捕获鼠标的滚轮事件。解决方法是让Panel控件先获得焦点,可以通过Panel的MouseClick事件或MouseEnter事件来执行this.Panel.Focus()以达到目的。这样当鼠标点击了Panel控件或...

html页面验证用户名和密码并且点击自己制作的登陆按钮跳转到另外一个...
密 码: 2、其次,放置一个按钮 登录 3、编写 javascript 脚本代码,主要思路如下:(1)为按钮增加一个 click 的监听,当鼠标点击该按钮时执行;(2)获取 input 用户名和密码输入框的输入值;(3)验证输入值是否符合要求;(4)符合要求页面跳转到设置的指定页面;(5)不符合要求提示用户输入...

Excel表中,要实现这个功能怎么弄?具体见里面说明。
Private Sub Worksheet_Change(ByVal Target As Range)If Target.Column = 2 Then Target.Offset(0, -1) = now End If End Sub 保存。回到你的表单,再选中A列,点击右键点“设置单元格格式”,在“数字”标签中选择“时间”,并在右侧选中你想要的时间格式。这样你只要在B列(Target.Column = ...

乐山市19711102631: 鼠标点击回复,出现输入框,如何用js实现? -
东将永适: 可以事先写一个输入框,默认是隐藏的,当你单击的时候直接让它显示.<!-- HTML --><div> <span onclick='reply()'>回复我!</span> <input style='display: none;' id='reply' /></div>// JavaScript function reply() { document.getElementById('reply').style.display = 'block'; }

乐山市19711102631: 如何实现VB里当鼠标点击输入框时,输入框内的提示文字自动消失 -
东将永适: 在text的单击事件下:text1.text=""

乐山市19711102631: 如何实现当鼠标点击输入框时,输入框内的提示文字自动消失 -
东将永适: Private Sub Text1_GotFocus() If Text1.Text = "请输入" Then Text1.Text = "" End Sub Private Sub Text1_LostFocus() If Text1.Text = "" Then Text1.Text = "请输入" End Sub

乐山市19711102631: 当鼠标点击回复的时候出现个回复的输入框代码怎么写;请高手指点一下,谢谢. -
东将永适: 可以使用jquery来写,定义好你的输入框给其添加一个display = none属性并指定ID;给你的回复按钮一个onclick function();在function里写上$("#输入框的id").show();然后点击触发这个事件,这是最简单的写法,因为你没有什么其他的要求

乐山市19711102631: 如何制作点击输入框时默认文字消失的效果 -
东将永适: 为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简化用户使用步骤,让用户用得更方便就是提高了易用性,例如当鼠标悬浮在输入框时改变...

乐山市19711102631: 如何制作点击输入框时默认文字消失的效果 -
东将永适: 当鼠标悬浮在输入框时改变输入框颜色、自动选中输入框中的默认文字,或者点击输入框时自动清除默认内容,这些效果都是设计师为了提高用户体验和易用度进行优化的优化.本文介绍一下几种输入框效果的特效代码,以供参考.

乐山市19711102631: 如何用java实现“当鼠标点击输入框时,原有的默认文字消失”的效果 -
东将永适: 这个有如果是html5的话可以直接使用placeholder属性,如果不是可以如下:<!DOCTYPE html><html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title></title> <script type="text/javascript"> function test1 ...

乐山市19711102631: VB中,如何实现:当鼠标点击文本框时,文本框内的提示字符会自动消隐
东将永适: 代码 Option Explicit Dim defs As String Private Sub Form_Activate() defs = "请在这里输入" '定义提示字符 Command1.SetFocus '给按钮置焦点 End Sub Private Sub Text1_GotFocus() '文本框得到焦点 If Text1 = defs Then Text1 = "" End SubPrivate Sub Text1_LostFocus() '文本框失去焦点 If Text1 = "" Then Text1 = defs End Sub

乐山市19711102631: <dreamweaver学习一>如何制作点击输入框时默认文字消失的效果 -
东将永适: 如何制作点击输入框时默认文字消失的效果为了提高用户体验和易用度,一些设计师会对网页中用户经常用的东西进行优化,比如输入框.一般的输入框是怎样优化的呢?从用户体验的角度出发,简...

乐山市19711102631: 点击输入框,旁边出现提示语
东将永适: 这需要和脚本配合,下面是简单示例,当你鼠标点文本框后,出现对应提示,如过输入内容提示去掉. <script> function checkvalue(n,obj) { var oTip = document.getElementById("tip"+n); if (obj.value=="") { oTip.innerHTML =obj.title ;} else {...

本站内容来自于网友发表,不代表本站立场,仅表示其个人看法,不对其真实性、正确性、有效性作任何的担保
相关事宜请发邮件给我们
© 星空见康网