`

点击输入框,默认内容清除.离开,恢复.

    博客分类:
  • html
 
阅读更多
<input type='text' value="Friend's username" 
onfocus="if(this.value == 'Friend\'s username'){this.value = ''};" onblur="if(this.value == ''){this.value = 'Friend\'s username'}"/>
分享到:
评论

相关推荐

    表单输入框浮动标签jQuery特效代码.zip

    5. **恢复状态**:当用户离开输入框或清除输入内容时,标签应返回到原始位置,恢复初始状态。 压缩包内的"jQuery表单输入框浮动标签特效"文件可能是HTML、CSS和JavaScript的组合,其中HTML定义了表单结构,CSS提供...

    javascript自动恢复文本框点击清除后的默认文本

    在JavaScript编程中,实现文本框(input[type=text])点击清除默认文本并能自动恢复的特性是一项常见的交互设计。这种功能通常用于提供用户友好的界面,例如在用户名或搜索框中显示“请输入您的姓名”或“搜索关键词...

    Android 点击EditText编辑框清除hint预设字

    - 添加`OnFocusChangeListener`,确保在失去焦点时恢复`Hint`,以防用户没有输入任何内容就离开`EditText`。 - 使用`TextWatcher`监听输入框的文本变化,当用户开始输入时立即清除`Hint`,提供即时反馈。 现在,...

    JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

    在开发网站时,经常会遇到需要向用户展示一个带有默认提示文本的文本输入框。这个提示文本通常用来指示用户在该文本框中可以输入什么内容。但当用户点击这个文本框后,我们希望默认提示文本被清空,以便用户可以输入...

    jquery实用技巧之输入框提示语句

    当用户离开输入框(失去焦点)时,如果输入框为空,我们需要恢复原来的提示文字。 以下是一个具体的实现示例: ```html &lt;!DOCTYPE html&gt; 文本输入框中内容的提示效果 ...

    网页常用的jsp 脚本.doc

    - `onBlur`:当用户离开输入框时触发,常用来校验或恢复默认值,如示例所示,当失去焦点且输入为空时,文本框会恢复默认文字。 - `onFocus`:当输入框获得焦点时触发,可以用于清除预设文本。 - `onChange`:当...

    HTML输入框优化以此来提高用户体验和易用度

    如果用户没有输入任何内容就点击其他地方,或者离开输入框,则默认文字应该再次显示,以便提醒用户该输入框的预期用途。 3. 使用placeholder属性。这是HTML5提供的一个特性,它允许开发者在输入框中显示一段灰色的...

    jquery控制表单输入框显示默认值的方法

    这个功能在很多场景下都非常实用,比如创建提示性文本,当用户聚焦输入框时自动清除,失去焦点且未输入内容时恢复默认值。 首先,我们来看一下提供的代码实例。这段代码展示了如何在用户与表单交互时动态地改变...

    js基本的一些技巧

    - `onFocus`:当输入框获得焦点时触发,可用于清除默认提示或展示特定样式。 - `onChange`:内容改变时触发,常用于实时验证或更新数据。 - `onSelect`:用户选择文本时触发,可配合其他事件处理选中文本的操作。...

    好看的文本框和按钮样式

    当鼠标悬停在文本框上时,边框颜色变为黑色,背景色变为淡紫色(plum),离开时则恢复原状。这种动态效果增强了用户交互体验,使界面更加生动有趣。 ### 知识点六:定时闪烁的文本框边框(小范围) #### 样式代码...

    js jquery 手机 邮箱注册

    jQuery的`keyup`或`blur`事件可以帮助我们在用户输入时或离开输入框时执行验证。 3. **验证码**:验证码是为了防止恶意注册或自动化脚本而设置的。这里可以实现一个简单的倒计时功能,用户获取验证码后,按钮变为...

    小程序搜索框效果.zip

    这个搜索框在默认状态下居中显示,点击后输入框和按钮居左,同时输入框获得焦点,当失去焦点时,恢复原状。整个过程借助CSS3的过渡动画,使得用户体验更加流畅。在实际开发中,还可以根据具体需求进一步优化,如添加...

    textarea焦点的用法实现获取焦点清空失去焦点提示效果

    4. **点击外部恢复默认文字**:利用`onblur`事件,在textarea失去焦点且内容为空时恢复默认文字。 5. **鼠标移出恢复默认文字**:结合`onmouseover`和`onmouseout`事件,当鼠标移出textarea时恢复默认文字。 这些...

    200个Javascript技巧代码

    通过`onfocus`与`onblur`事件,可以实现在输入框获得焦点时清除默认提示文字,以及失去焦点时若未输入内容则恢复提示文字的功能。 **示例代码:** ```html (value=='mm'){value=''}" onblur="if (value==''){value...

    站长常用的200个js代码

    常用来执行某些初始化操作或者视觉提示,比如清除默认提示文字。 - **示例**: ```javascript 郭强" onfocus="if (value == '郭强') { value = ''; }" onblur="if (value == '') { value = '郭强'; }"&gt; ``` - 这...

    附录三 Web软件界面验证点规范.doc

    - 打开新页面,光标默认在第一个输入框。 - 下拉框无默认值时显示“请选择”,有默认值则绑定默认值。 12. **必填项**: - 必填项标记为红色星号。 - 未填写必填项时,准备离开时显示“请输入”提示。 - 紧凑...

    jquery表单验证特效.zip

    例如,可以监听`keyup`、`blur`等事件,一旦用户停止输入或离开输入框,立即进行验证。 4. **错误提示**:`jQuery Validate`插件提供了一套完整的错误提示系统,可以自定义错误消息的显示位置和样式。错误消息可以...

    零度技术网搜索框

    - 当用户点击文本框时,清除默认提示“搜索其实很简单!”。 - 当用户离开文本框且文本框为空时,恢复默认提示。 ```javascript $(document).ready(function(){ $("#scbar_txt").focus(function(){ if($("#scbar_...

Global site tag (gtag.js) - Google Analytics