`

input text 默认值设置

 
阅读更多

设置<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" /> 
 

 

分享到:
评论

相关推荐

    input之怎么清除默认值

    Input 默认值清除方法总结 在 HTML 表单设计中,input 标签的默认值是非常常见的,但是当用户点击输入框时,默认值应该被清除,以便用户输入内容。今天,我们将讨论 input 默认值清除的方法。 首先,让我们来看...

    输入框默认值

    加载js 可以简单的实现默认值加载 /** * @作者 shiqingsong * @时间 2012-7-13 * @功能 实现功能是初始化时文本框中默认值,...input id="serachCode1" type="text" defaultCode(样式ID)="输入证件号码1" /&gt; */

    jQuery响应鼠标事件并隐藏与显示input默认值

    分享下jQuery如何隐藏和显示 input 默认值的例子。 &lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt; &lt;... &lt;...

    mobiscroll-2.5.2 默认值

    mobiscroll 是不能默认选中时间的,但是在开发中往往需要选中默认时间,我发现 &lt;input type="text" name="appDateTime" value="2018-08-08 8:08" id="appDateTime" /&gt; 中 的 value 值可以将年份之后的时间默认选中, 而...

    jQuery 隐藏和显示 input 默认值示例

    代码如下: &lt;!... &lt;head&gt; &lt;meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ /&gt; &lt;title&gt;jQuery+JavaScript 实现 table 的增加和减少&lt;/title&gt; &lt;s

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

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

    js修改input的type属性问题探讨

    很明显,一开始的时候,input的类型是text,后来变成了password类型。直观的思路是用js修改input的type类型。但ie下这么做不可行,所以只能换个思路,写两个input,一个text类型,一个password类型,分得监听on

    react-native-otp-textinput:文本视图可用于OTP引脚实现

    可以基于从父容器收到的OTP / Pin设置默认值。 handleTextChange 功能 不 不适用 以所有单元格的缩进字符串作为参数的回调。 inputCount 数字 是的 4 存在的文本输入单元格数。 tintColor 细绳 是的 #3CB...

    bootstrap-pincode-input:用于多位密码输入的 Bootstrap jQuery 小部件

    input type="text"&gt; 和 Bootstrap。 输入密码后,原始文本框中的值将更新。 它支持在输入所有数字并允许退格后回调。 请参阅此页面下方的用法以了解所有参数 对于触摸设备,只会创建一个输入标签。 使用提供的 ...

    js修改input的type属性及浏览器兼容问题探讨与解决

    很明显,一开始的时候,input的类型是text,后来变成了password类型。直观的思路是用js修改input的type类型。但ie下这么做不可行,所以只能换个思路,写两个input,一个text类型,一个password类型,分得监听onf

    Ajax模仿google提示输入框 v1.8

    inputValue inputName 所提交的数据,当inputValue省略时,inputValue则与inputText相等 url 远程执行获取数据的url arrow 模仿select,使用下拉按钮。飞飞A~sp技术乐园固定值。为1则显示下拉箭头 为0则不显示 ...

    【开源】jQuery oform beta 0.1.5 - form 表单美化插件源代码

    支持input text/button 美化 时间:2010-01-25 2. beta 0.1.1 版 支持input radio 单选按钮美化 时间:2010-01-26 3. beta 0.1.2 版 支持input checkbox 多选按钮美化 修改、优化核心代码 时间:2010...

    NumericInput:将html文本框设置为仅允许数字输入

    数值输入 一个简单的jQuery插件,将(输入)元素设置...input id="elementID" type="text" /&gt; 要创建仅接受正整数的输入元素,请使用.numericInput()函数。 [removed][removed] [removed] $(function() { $(

    react-bootstrap-input-field:提供布局(引导程序)、图标、验证的文本框组件

    React input field 是一个为你处理输入组件的 react 组件演示: : ###特性类型 - 'default' 或 'withIcon' name - onChange 事件的标识符 (id) label - 要显示的标签value - 如果指定了默认值iconText -...

    【开源】jQuery oform beta 0.1.7 - form 表单美化插件源代码

    支持input text/button 美化 时间:2010-01-25 2. beta 0.1.1 版 支持input radio 单选按钮美化 时间:2010-01-26 3. beta 0.1.2 版 支持input checkbox 多选按钮美化 修改、优化核心代码 时间:2010-01-28 4...

    Ajax 模仿google百度提示输入框 v1.8

    inputValue inputName 所提交的数据,当inputValue省略时,inputValue则与inputText相等 url 远程执行获取数据的url arrow 模仿select,使用下拉按钮。固定值。为1则显示下拉箭头 为0则不显示 arrowUrl 当arrow为1时...

    jQuery解决input元素的blur事件和其他非表单元素的click事件冲突问题

    input type="text" value="默认值"&gt; &lt;br&gt;搜索 想要实现的结果: 1、input框获取焦点时value为“”,失去焦点时value为“默认值”;—–这个很好实现;  2、当在input框中输入要搜素的内容后,点击div搜索,...

    react-native-emoji-input:一个功能齐全的表情符号键盘:keyboard:,用于React Native:atom_symbol:

    React本机表情符号输入 React Native的高性能,可定制的键盘输入。 专为制造和使用。 安装 npm install --save react-native-emoji-input 要么 yarn add react-native-emoji-input ...默认值 keyboardBackg

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

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

Global site tag (gtag.js) - Google Analytics