`
橄榄绿
  • 浏览: 277156 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

鼠标点击文本框内文字就消失

 
阅读更多
<html>
<head>
<title>鼠标点击文本框后，里面的文字就消失或全选中</title>
</head>
<body>
鼠标点击文字消失：<input name="textfield" style="color:#CCC;"  type="text" value="点击文字消失" size="12" onclick="value='';focus()" />
<br/> <br/>
鼠标点击文字选中：<input name="textfield" type="text" value="点击文字选中" size="12" onclick="focus();select()" />
<br/><br/>
<input name="key" type="text" id="key" value="关键词" size="30" onmouseover=this.focus();this.select();  onclick="if(value==defaultValue){value='';this.style.color='#000'}" onBlur="if(!value){value=defaultValue;this.style.color='#999'}" style="color:#999" />
</body>
</html>

分享到：
| 调用google接口
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    鼠标触发文本框

    邮箱和密码文本框，默认有文字提示，当鼠标点击文本框时触发事件，是的文本框内文字消失

    asp.net后台实现文本框提示文字

    通过以上步骤，我们就实现了ASP.NET后台控制文本框提示文字的功能，使得提示文字在鼠标点击时消失，鼠标离开后重新出现，且提示文字为灰色，输入文本时为黑色字体。这种方法不仅提高了用户体验，而且代码结构清晰，...

    点击输入框默认文字消失效果

    根据给定文件的信息，本文将详细探讨如何实现“点击输入框默认文字消失”的效果，并结合提供的代码示例，深入分析四种不同的实现方式及其工作原理。 ### 知识点一：鼠标移动上去，边框变红（第一种方法） 在网页...

    WPS让文字在两个文本框内滑动的方法.docx

    然而，在实际操作中可能会遇到这样的问题：当在一个文本框内输入文字时，如果内容过多，就需要将其转移到另一个文本框中，这时如果前后文本框中的内容不相互关联，将会导致布局混乱。本文将详细介绍如何在WPS中实现...

    WPS让文字在两个文本框内滑动.docx

    - 在需要插入文本框的位置点击鼠标，然后在WPS菜单栏选择“插入”&gt;“文本框”（横或竖），或者直接使用绘图工具栏上的“文本框”按钮。 - 拖动鼠标以绘制所需大小的文本框。 2. **调整文本框位置与大小**： - ...

    WPS让文字在两个文本框内自由滑动.docx

    但是，默认情况下，多个文本框之间的内容是相互独立的，这就意味着当我们需要调整某个文本框的内容时，其他文本框的内容并不会随之变化。为了解决这一问题，本文将详细介绍如何在WPS中通过创建“文本框链接”的方式...

    js显示文本框提示文字的方法

    紧接着，我们通过JavaScript脚本来实现当用户点击文本框时，提示文字消失，并且文本框获得焦点的样式变化。当文本框失去焦点且用户未输入任何信息时，提示文字则会重新出现，并且文本框的样式恢复到默认状态。 具体...

    WPS文字中多个文本框相互链接的攻略.docx

    或者在绘图工具栏中找到“文本框”按钮，点击后拖动鼠标绘制所需大小的文本框。 #### 三、调整文本框位置及大小 1. **调整位置**： - 在文本框边框上单击鼠标左键； - 当鼠标变成“十字箭头”时，拖动鼠标调整...

    点击提示框提示信息消失

    当鼠标点击文本框，提示信息消失 提示信息框,最多允许输入150个汉字 &lt;textarea id="info" rows="5" cols="50" &lt;/div&gt;

    input文本框里面显示提示信息

    当用户鼠标点击文本框时，这些提示信息会自动消失，以避免干扰用户的输入过程。 要实现这样的功能，我们可以利用HTML5的`placeholder`属性来设置文本框的提示信息。`placeholder`属性的值就是显示在输入框内的文本...

    WPS文字将两个文本框中的内容串连起来.docx

    - 另一种方法是在绘图工具栏中找到并点击“文本框”按钮，然后通过拖动鼠标来绘制所需的文本框。 ##### 2. 调整文本框位置与大小 - 选中文本框后，当鼠标变为十字箭头时，拖动鼠标即可调整文本框的位置。 - 要调整...

    HTML5实现又一个联系人表单文本框响应鼠标事件效果(无js).zip

    除了这些基本的伪类，HTML5还引入了`placeholder`属性，它可以为输入框提供提示文字，当用户点击文本框后，这些提示文字会消失，让用户知道应该输入什么内容。例如： ```html 请输入姓名"&gt; ``` 总的来说，这个项目...

    C#源代码 实现在窗体的状态栏中添加一个复选框，当你用鼠标勾选的时候它会出现一行提示文字，反之文字消失

    当用户用鼠标点击复选框时，这个事件会被触发。我们可以通过双击设计视图中的`CheckBox`控件来自动创建事件处理函数。在代码编辑器中，你可以看到类似以下的代码： ```csharp private void checkBox1_...

    在文本框中提示用户应该输入内容格式的方法

    希望达到的效果： 方法一：鼠标点击文本框时文字消失 复制代码代码如下: &lt;input id=”login_name” type=”text” onblur=”[removed]check_login_name();” onfocus=”if(this.value==’支持英文及数字组合’) ...

    wps文字怎么旋转文字.docx

    6. 将鼠标移到文本框上方的绿色圆点上，当光标变成旋转状态时，就可以拖动文本框，进行旋转。 WPS 文字旋转的技巧 * 在旋转时，可以使用 Shift 键锁定旋转的角度，使得旋转更加精准。 * 可以使用 Ctrl 键同时旋转...

    当某个文本框成为焦点时即清除文本框内容

    在网页设计中，有时我们需要实现一个功能：当用户点击或触摸到某个文本输入框（文本框）时，该文本框内的预设文字自动消失，让用户能够直接输入新内容。这个功能在很多场合都非常实用，例如登录页面的用户名或密码...

    Vue实现鼠标经过文字显示悬浮框效果的示例代码

    在Vue.js中，实现鼠标经过文字时显示悬浮框效果，通常涉及事件监听和DOM操作。以下是一个详细的步骤解释： 1. **需求分析**： 在Vue项目中，我们希望当鼠标移到特定的文字或按钮上时，能在鼠标附近显示一个悬浮框...

    Js制作点击输入框时默认文字消失的效果

    从用户体验的角度出发，简化用户使用步骤，让用户用得更方便就是提高了易用性，例如当鼠标悬浮在输入框时改变输入框颜色、自动选中输入框中的默认文字，或者点击输入框时自动清除默认内容等等。 这个效果听起来复杂...

    ppt2003教程

    在文本框内输入文字，可以使用文本框的边框调整文字的位置。完成输入后，点击工作区空白处取消选中状态，文本框边框会消失。 进行幻灯片的放映，可以在左侧窗格下方的按钮中找到小酒杯图标，点击即可开始放映。放映...

    axure 不同搜索项输入框中的提示消失与显示

    提示文字通常是默认显示在文本框内的文本，当用户开始输入时应自动消失，以便显示用户的输入内容。 要实现这一功能，我们可以利用Axure的动态面板（Dynamic Panel）和状态（States）特性。动态面板可以模拟不同的UI...

Magicbox
Global site tag (gtag.js) - Google Analytics