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插件方法`.setDefauleValue`,该方法可以被用来为input或textarea元素设置默认值及其相应的样式。当输入框获得焦点(focus)时,如果输入框中的值与默认值相同,则清空...
它使表单能够将默认值或消息绘制到 input/textarea 元素中。 文本是从元素的标题属性中获取的。 我怎样才能使用这个插件? 当然,首先您需要当前版本的 jQuery 库。 转到 jQuery 网站并获取一份副本。 接下来,...
比如: 搜索框:可以 <... 当页面这些元素多了之后如何去管理…等等问题 代码如下: var inputText=function(o,e,e2){ if(!o)return;var txt=o.value; function inputTextChange(o,e,e2,txt){ o[e]=functio
<input type="submit" value="提交"> ``` 四、`textarea`的动态操作 通过JavaScript,我们可以动态地改变`textarea`的内容、大小或属性。例如,增加一个按钮来清空文本框: ```html ()">清空 function ...
微信小程序输入框input 相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view ...input的类型,有效值:text,number,idcard,digit,
【jQuery实用代码片段】这篇文章汇总了一些常见的jQuery代码实践,涵盖了多个功能,如文本框的清空默认值、多选操作以及元素筛选等。以下是对这些知识点的详细解释: 1. **遍历文本框并清除默认值** 使用`.each()`...
首先,文本框在前端开发中通常指的是HTML中的`<input type="text">`元素或者`<textarea>`元素,它们允许用户输入文本信息。在这些文本框元素中设置默认值,一般是在元素的`value`属性中指定。例如,`<input type=...
- 某些表单元素(如`button`, `textarea`, `input`, `object`, `select`)默认为`inline-block`,可以在一行内显示并具有宽度和高度。 以上只是部分CSS属性的默认值,实际上CSS有许多其他属性,每个都有其特定的...
例如,你可以通过以下代码隐藏ID为`txtComments`的`textarea`的横向滚动条: ```javascript document.getElementById("txtComments").style.overflowX = "hidden"; ``` 对于纵向滚动条: ```javascript document....
- **soft**: 默认值,表单提交时,文本不会添加换行符,浏览器会保留原始的换行。 - **hard**: 表单提交时,textarea中的每个换行都会转换为换行符,且需要指定`cols`属性,以便计算正确的字符数。 通过合理使用...
<input type="text" value="提示文字" onblur="if (this.value === '') { this.value = '提示文字' }" onfocus="if (this.value === '提示文字') { this.value = '' }"> ``` 此代码段表示当输入框失去焦点且为空时...
注意,一个页面中只能有一个`textarea`或`input`元素设置`auto-focus`属性。 8. **focus**:设置当前`textarea`是否获得焦点,类型为`Boolean`,默认为`false`。可以通过绑定事件动态改变此属性。 9. **auto-height*...
无论是`textarea`的焦点状态,`select`的选中颜色,还是`input[type="text"]`的默认值颜色,都可以通过监听事件并修改样式属性来实现。这样的定制化设计可以提升网站的交互体验,让用户的操作更加直观和舒适。
`onBlur` 事件在元素失去焦点时触发,常用于恢复默认值或执行其他清理操作,如示例所示,当文本框为空时显示预设值 "mm"。`onFocus` 在元素获取焦点时触发,`onChange` 当用户编辑内容并离开输入字段时触发,`...
12. 线型输入框:`<input type="text">`配合CSS样式,如`focus`和`onMouseOver`事件,可以创建有特定效果的输入框,如全选文本或自动聚焦。 13. 显示文档最后修改日期:通过JavaScript的`document.lastModified`...
例如,一个文本框在获得焦点时清空默认值,失去焦点时恢复默认值的代码实现: ```html <input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value='郭强'}"> ``` 2....
<input type="text" oninput="updateValue()"> function updateValue() { console.log('Text changed'); } ``` 当输入框内容改变时,调用 `updateValue` 函数记录更改。 ##### 4\. `onSelect`: 当选中文...
例如 `{tag:"input", type:"text", size:"16", autocomplete:"off"}`。 - **hideTrigger**: 类型为 `Boolean`,控制是否隐藏触发按钮,默认为 `false`。 - **triggerClass**: 类型为 `String`,定义触发按钮的 CSS ...
虽然`<input>`标签通常用于单行文本,但`<textarea>`标签则用于创建多行文本输入区域。 12. **文件上传(type="file")**: 当`type="file"`时,`<input>`标签用于让用户选择本地文件进行上传。 13. **HTML5新增...
而“:input”是一个表单选择器,用来选取所有的表单元素,如input、textarea、select和button等。连字符“-”在这个上下文中并不需要,因此$(#form :input)的写法是正确的,而$(#forminput)是错误的。 现在,我们...