`
haonanlyf
  • 浏览: 8362 次
  • 性别: Icon_minigender_1
  • 来自: 盐城
最近访客 更多访客>>
社区版块
存档分类
最新评论

CSS-input 默认提示文字,点击清空,移出时恢复提示

 
阅读更多

<input type="text" style="width:190px; height:16px; color:#DFDFDF" value="请输入笔记本的系列或者型号" onfocus="if(this.value=='请输入笔记本的系列或者型号'){this.value=''};this.style.color='black';" onblur="if(this.value==''||this.value=='请输入笔记本的系列或者型号'){this.value='请输入笔记本的系列或者型号';this.style.color='#DFDFDF';}">

分享到:
评论

相关推荐

    jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码

    本篇将详细讲解如何使用jQuery来实现在表单`input`中的提示文字随鼠标焦点移进移出而显示或隐藏的功能。 首先,我们需要在HTML中设置表单的基本结构。通常,每个`input`元素会有一个默认的`value`属性,这个属性的...

    200个Javascript技巧代码

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

    网页常用的js_脚本

    常用来清除默认提示文字或执行一些初始化操作。 - **`OnChange`**: 当用户更改一个表单控件中的值时触发此事件。适用于文本框、下拉列表等。 - **`OnSelect`**: 当用户选中文本时触发此事件。 **示例代码:** ```...

    实用的31种javascript实例

    - 示例中,当用户点击“点击改变字体大小”这段文字时,文本“这是一段文本”的字体大小会被设置为20像素。 #### 12. 打印页面 可以使用`window.print()`函数来打印当前页面。示例代码如下: ```html ()"&gt;打印...

    js技巧200例

    10. **点击文字选择radio选项**:通过`&lt;input type="radio"&gt;`与`&lt;label&gt;`的关联,点击文字可以选中对应的单选按钮,使用`for`属性将label与radio关联。 11. **在textarea上的onclick事件**:在textarea的`font`标签...

    JS技巧代码

    例如,在给定的部分内容中,通过`onFocus`和`onBlur`事件,可以实现文本框默认提示文字的功能。代码如下: ```html &lt;input type="text" value="mm" onfocus="if (value == 'mm') { value = '' }" onblur="if (value...

    js技巧200多例 帮助你完成更好的js效果

    例如,可以通过以下代码实现一个文本框,在用户点击时清空默认提示文字,当焦点离开时如果未输入内容则恢复默认提示: ```javascript &lt;input type="text" value="郭强" onfocus="if(this.value=='郭强') {this....

    JS 精彩两百例

    例如,一个文本框可以设置为默认显示“郭强”,用户点击时清空,离开时恢复原样。 2. **自定义按钮样式**:使用CSS类可以为按钮添加特殊的背景颜色、大小等样式。例如,通过设置`style="background-color:rgb(235,...

    网页常用的jsp 脚本

    此段代码实现了当文本框获得焦点时清空默认文本“郭强”,而当文本框失去焦点且输入为空时,恢复显示“郭强”。 #### 2. 网页按钮的特殊颜色 按钮的颜色设置对于提升用户体验非常重要。通过CSS可以轻松实现按钮的...

    JavaScript技巧收集

    鼠标移出时文字变为蓝色,鼠标移入时文字变为红色。 ##### 4. 平面风格按钮 **示例代码:** ```html &lt;input type="submit" value="按钮" style="border: 1px solid #666666; height: 17px; width: 25pt; font-size...

    常用的js代码汇总

    此示例中,当文本框获得焦点时,如果默认文本“请输入内容”仍然存在,则将其清空;当文本框失去焦点时,如果没有输入任何内容,则恢复为默认文本。 #### 二、网页按钮样式调整 网页按钮的样式可以通过CSS进行...

    《程序天下:JavaScript实例自学手册》光盘源码

    2.8 删除时的确认提示 2.9 按钮只能单击一次 2.10 防止按钮连击 2.11 图片式按钮 2.12 文字显示在按钮底部 2.13 选择不同的列表项就显示不同的按钮 2.14 使用按钮控制文本渐变 2.15 翻页效果的公告栏 2.16 动态设置...

    程序天下:JavaScript实例自学手册

    3.13 刷新时清空所有文本框 3.14 随意改变大小的文本框 3.15 文本框的自动全选 3.16 文本框滚动导航 3.17 按钮获取焦点 3.18 文本框获取焦点弹出下拉框 3.19 文本框简单的单击效果 3.20 文字的打字效果 3.21 文字...

    使用JavaScrip模拟实现仿京东搜索框功能

    3. 如果用户没有输入任何内容,而是直接点击了搜索框之外,`onblur` 事件会检测到输入框为空,然后自动恢复默认关键词,并将文本颜色变回灰色。 除了JavaScript事件,我们还需要使用CSS来美化搜索框。以下是一些...

Global site tag (gtag.js) - Google Analytics