`
化蝶自在飞
  • 浏览: 2329671 次
  • 性别: Icon_minigender_2
  • 来自: 武汉
社区版块
存档分类
最新评论

input text默认值鼠标事件 textarea默认值的鼠标事件代码

    博客分类:
  • html
阅读更多
input默认值为空时,自动显示默认,非空时,显示用户的输入值.
textarea也一样可以.
自动清除表单输入域的默认值脚本,即当用户在input输入域点选聚焦时,输入域将自动清空等待用户输入,不再需要人工删除默认值。

input:
<input name="textfield" type="text" value="请输入您要下载的软件名,www.k686.com欢迎您" onfocus="if (value =='请输入您要下载的软件名,www.k686.com欢迎您'){value =''}" onblur="if (value ==''){value='请输入您要下载的软件名,www.k686.com欢迎您'}" />


textarea:
<textarea name="textarea" cols="80" rows="17" onfocus="if(value=='请输入您想对www.k686.com说的话,感谢您的支持'){value=''}" onblur="if (value ==''){value='请输入您想对www.k686.com说的话,感谢您的支持'}" ></textarea>
分享到:
评论

相关推荐

    使用jQuery给input标签设置默认值

    在本文的示例代码中,我们定义了一个jQuery插件方法`.setDefauleValue`,该方法可以被用来为input或textarea元素设置默认值及其相应的样式。当输入框获得焦点(focus)时,如果输入框中的值与默认值相同,则清空...

    jquery-formtips:一个 jQuery 插件,使表单能够将默认值或消息绘制到 inputtextarea 元素中

    它使表单能够将默认值或消息绘制到 input/textarea 元素中。 文本是从元素的标题属性中获取的。 我怎样才能使用这个插件? 当然,首先您需要当前版本的 jQuery 库。 转到 jQuery 网站并获取一份副本。 接下来,...

    关于 文本框默认值 的操作js代码

    比如: 搜索框:可以 &lt;... 当页面这些元素多了之后如何去管理…等等问题 代码如下: var inputText=function(o,e,e2){ if(!o)return;var txt=o.value; function inputTextChange(o,e,e2,txt){ o[e]=functio

    html中的textArea使用及实例

    &lt;input type="submit" value="提交"&gt; ``` 四、`textarea`的动态操作 通过JavaScript,我们可以动态地改变`textarea`的内容、大小或属性。例如,增加一个按钮来清空文本框: ```html ()"&gt;清空 function ...

    微信小程序 input输入框详解及简单实例

    微信小程序输入框input 相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view ...input的类型,有效值:text,number,idcard,digit,

    【经典源码收藏】jQuery实用代码片段(筛选,搜索,样式,清除默认值,多选等)

    【jQuery实用代码片段】这篇文章汇总了一些常见的jQuery代码实践,涵盖了多个功能,如文本框的清空默认值、多选操作以及元素筛选等。以下是对这些知识点的详细解释: 1. **遍历文本框并清除默认值** 使用`.each()`...

    JS文本框默认值处理详解

    首先,文本框在前端开发中通常指的是HTML中的`&lt;input type="text"&gt;`元素或者`&lt;textarea&gt;`元素,它们允许用户输入文本信息。在这些文本框元素中设置默认值,一般是在元素的`value`属性中指定。例如,`&lt;input type=...

    CSS常用属性的默认值详细整理

    - 某些表单元素(如`button`, `textarea`, `input`, `object`, `select`)默认为`inline-block`,可以在一行内显示并具有宽度和高度。 以上只是部分CSS属性的默认值,实际上CSS有许多其他属性,每个都有其特定的...

    textarea去掉滚动条 textarea横向或纵向滚动条的去掉方法

    例如,你可以通过以下代码隐藏ID为`txtComments`的`textarea`的横向滚动条: ```javascript document.getElementById("txtComments").style.overflowX = "hidden"; ``` 对于纵向滚动条: ```javascript document....

    textarea去除多余空格和回车的方法及其属性

    - **soft**: 默认值,表单提交时,文本不会添加换行符,浏览器会保留原始的换行。 - **hard**: 表单提交时,textarea中的每个换行都会转换为换行符,且需要指定`cols`属性,以便计算正确的字符数。 通过合理使用...

    网页开发中常用的200js代码

    &lt;input type="text" value="提示文字" onblur="if (this.value === '') { this.value = '提示文字' }" onfocus="if (this.value === '提示文字') { this.value = '' }"&gt; ``` 此代码段表示当输入框失去焦点且为空时...

    微信小程序 textarea 组件详解及简单实例

    注意,一个页面中只能有一个`textarea`或`input`元素设置`auto-focus`属性。 8. **focus**:设置当前`textarea`是否获得焦点,类型为`Boolean`,默认为`false`。可以通过绑定事件动态改变此属性。 9. **auto-height*...

    通过js修改input、select默认字体颜色

    无论是`textarea`的焦点状态,`select`的选中颜色,还是`input[type="text"]`的默认值颜色,都可以通过监听事件并修改样式属性来实现。这样的定制化设计可以提升网站的交互体验,让用户的操作更加直观和舒适。

    js和html部分代码集.doc

    `onBlur` 事件在元素失去焦点时触发,常用于恢复默认值或执行其他清理操作,如示例所示,当文本框为空时显示预设值 "mm"。`onFocus` 在元素获取焦点时触发,`onChange` 当用户编辑内容并离开输入字段时触发,`...

    常用网页js脚本收集(可在线运行演示).pdf

    12. 线型输入框:`&lt;input type="text"&gt;`配合CSS样式,如`focus`和`onMouseOver`事件,可以创建有特定效果的输入框,如全选文本或自动聚焦。 13. 显示文档最后修改日期:通过JavaScript的`document.lastModified`...

    网页常用的js脚本

    例如,一个文本框在获得焦点时清空默认值,失去焦点时恢复默认值的代码实现: ```html &lt;input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value='郭强'}"&gt; ``` 2....

    很好的Javascript实例

    &lt;input type="text" oninput="updateValue()"&gt; function updateValue() { console.log('Text changed'); } ``` 当输入框内容改变时,调用 `updateValue` 函数记录更改。 ##### 4\. `onSelect`: 当选中文...

    Ext.form表单中各种属性应用详解

    例如 `{tag:"input", type:"text", size:"16", autocomplete:"off"}`。 - **hideTrigger**: 类型为 `Boolean`,控制是否隐藏触发按钮,默认为 `false`。 - **triggerClass**: 类型为 `String`,定义触发按钮的 CSS ...

    Html_input

    虽然`&lt;input&gt;`标签通常用于单行文本,但`&lt;textarea&gt;`标签则用于创建多行文本输入区域。 12. **文件上传(type="file")**: 当`type="file"`时,`&lt;input&gt;`标签用于让用户选择本地文件进行上传。 13. **HTML5新增...

    jquery中$(#form :input)与$(#form input)的区别

    而“:input”是一个表单选择器,用来选取所有的表单元素,如input、textarea、select和button等。连字符“-”在这个上下文中并不需要,因此$(#form :input)的写法是正确的,而$(#forminput)是错误的。 现在,我们...

Global site tag (gtag.js) - Google Analytics