- 浏览: 126435 次
文章分类
设置<input type="text">的默认值最基本的就是用value设置默认值,例如<input type="text" value="默认值">。但是如果想让默认值在鼠标点击的时候消失,那么就要用js去实现动态的效果,例如<input name="textfield" type="text" value="默认值" onfocus="if (value =='默认值){value =''}" onblur="if (value ==''){value='默认值}" /> 。当鼠标移动到文本框的时候,触发onfocus,如果value的值为默认值,则清空文本框。当鼠标移出文本框的时候,触发onblur,如果value的值为空,则设置文本框的默认值为“默认值”。
<tr> <th><wicket:message key="fibu.projektPersonalCost" /></th> <td> <table> <tr> <td>人员</td> <td><input type="text" value="Cost" onfocus="if(value=='Cost'){value=''}" onblur="if(value==''){value='Cost'}"/> </td> <td><input type="text" value="Bill" onfocus="if(value=='Bill'){value=''}" onblur="if(value==''){value='Bill'}"/> </td> <td>累计时间</td> </tr> </table> </td> </tr>
<input type="text" name="wakeUpTime" id="wakeUpTime" value="08:00" />
发表评论
-
闭包 js
2013-08-12 13:45 678<!DOCTYPE html PUBLIC " ... -
css 选择器
2013-03-11 10:30 729优先级从低到高 基本选择器 * 星号是 ... -
js, debugger 调试
2013-02-22 09:48 0http://jsfox.cn/blog/javascript ... -
解决tab切换大小改变的 问题
2012-10-16 10:07 963解决 tab切换带来的, 宽度变化问题 , 哎呀 这代码写的 ... -
css 旋转
2012-10-11 09:26 587// 旋转90度 的css代码 #p ... -
jquery , append 和 after 等
2012-10-08 10:48 664append 是在元素内部的 后面插入 , after ... -
选择id 下面 ul li 中的 a
2012-09-27 17:14 1223$(function(){ fun ... -
IE傻逼了 --- 浏览器 IE 不兼容 (id) 不一样...
2012-09-26 09:33 768碰到个问题 , firefox 和chrome 都没有问题, ... -
$(function(){});
2012-09-25 15:02 697xiaren a js 单独文件的 ... -
absolute 定位和 relative 定位
2012-09-21 16:37 749relative 定位 会保留 原有位置的占用. ... -
flex 和 java 整合
2012-09-21 13:57 592图文并茂、手把手教你怎么将Java项目与Flex4整合 ... -
css 基本布局十六例
2012-09-21 11:18 692div+css 页面布局的例子 ,非常不错 http: ... -
<a> 元素的 href 属性
2012-09-21 10:52 7931 , 可以指向 外部的万维网 . href="h ... -
CSS 边框 border的各种设置
2012-09-18 11:05 866边框 border 就三个 属性值, width st ... -
css 总结
2012-09-17 10:20 651今天 上午胡飞给我们做了 div+css的讲解培训 , 很有营 ... -
js 高级学习笔记 ( 八 ) 运算符
2012-09-03 12:14 8171, 一元运算符 只有一 ... -
js 高级学习笔记 ( 七 ) 引用类型
2012-08-31 12:08 9181, 引用类型通常叫 , ... -
js 高级学习笔记 ( 六 ) 类型转换
2012-08-30 17:10 9241, ECMAScript 中的类型转 ... -
js 高级学习笔记 ( 五 ) ECMAScript 原始类型
2012-08-30 09:49 6281, ECMAScript 有五种原始类型 (primitiv ... -
js 高级学习笔记 ( 四 ) ECMAScript 原始值和引用值
2012-08-29 17:26 6681, ECMAScript 中变量 ...
相关推荐
Input 默认值清除方法总结 在 HTML 表单设计中,input 标签的默认值是非常常见的,但是当用户点击输入框时,默认值应该被清除,以便用户输入内容。今天,我们将讨论 input 默认值清除的方法。 首先,让我们来看...
加载js 可以简单的实现默认值加载 /** * @作者 shiqingsong * @时间 2012-7-13 * @功能 实现功能是初始化时文本框中默认值,...input id="serachCode1" type="text" defaultCode(样式ID)="输入证件号码1" /> */
在网页设计和开发中,文本框(Text Box...总结,文本框的默认值设置能够给用户提供引导,而验证提交则是保证数据质量和安全的重要环节。开发者需要根据项目需求选择合适的验证技术和策略,以实现高效且可靠的用户交互。
本文将详细介绍如何使用jQuery给input标签设置默认值,并通过实例来讲解其具体操作。 ### jQuery基础 在开始使用jQuery之前,我们先了解一些基础知识点。jQuery是一个快速、小巧且功能丰富的JavaScript库。它通过...
<input type="text" id="myTextBox" value="默认值"> ``` 若需通过JavaScript或jQuery动态设置默认值,可以使用`val()`函数: ```javascript $("#myTextBox").val("新的默认值"); ``` 接下来,我们来看一下文本框...
虽然文档中没有提供具体的预览效果,但在实际使用jQuery隐藏和显示input默认值时,开发者可以通过浏览器查看这些动态效果,确认功能是否按照预期运行。在Web开发过程中,代码的测试和预览是非常重要的环节。
以下是对`EasyUI combobox`默认值设置的一些关键注意事项和解决方案。 首先,我们需要理解`Combobox`的基本结构和属性。`Combobox`由HTML输入元素和一个关联的面板组成,面板中显示下拉选项。在创建`Combobox`时,...
分享下jQuery如何隐藏和显示 input 默认值的例子。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <... <...
可以使用 style 属性来控制 input 输入框的长度尺寸,例如:`<input type="text" style="width:360px;" />`。也可以使用 CSS 来控制,例如:`.test { height: 16px; width: 120px; } <input class="test" type="text...
mobiscroll 是不能默认选中时间的,但是在开发中往往需要选中默认时间,我发现 <input type="text" name="appDateTime" value="2018-08-08 8:08" id="appDateTime" /> 中 的 value 值可以将年份之后的时间默认选中, 而...
- **value**: 设置输入框的初始值或默认值。 - **readonly**: 如果设置此属性,则输入框中的内容无法被修改。 **示例代码**: ```html 用户名: <input type="text" name="yourname" size="30" maxlength="20" ...
<input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30长度为20"> <input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"> ``` ##### 2. ...
在实际应用中,经常需要对文本框(input[type="text"])进行各种交互处理,例如设置和移除文本框的默认值。本文将详细讲解如何利用jQuery实现这一功能,并通过一个具体的实例来展示其工作原理。 首先,我们要理解...
其中,文本框(input type="text")是表单中最常见的元素之一。在HTML5之前,当文本框处于非激活状态时,我们无法直接在文本框内显示提示信息。而HTML5的placeholder属性则为这种需求提供了原生的解决方案,它允许...
要显示input框,将其设置回默认值(通常为`"block"`或`"inline"`,取决于input框原本的布局方式): ```javascript document.getElementById('inputId').style.display = 'block'; // 或 'inline' ``` 2. 使用`...
QString input = dateEdit->text(); if (input.isEmpty()) { dateEdit->setDate(QDate()); dateEdit->setValidator(nullptr); // 恢复默认验证器 } else { dateEdit->setValidator(nullptr); // 恢复默认验证...
- 对于每个文本类型的输入框,调用`inputText`函数绑定`onfocus`和`onblur`事件处理程序。 #### 三、注意事项 1. **兼容性问题:** - 在不同浏览器中,某些JavaScript特性可能存在兼容性差异。确保所使用的代码在...