`

设置<input type="text">的默认值

    博客分类:
  • html
阅读更多
转载:http://iamzhangxiaochuan.blog.163.com/blog/static/1818142802011225101621401/

设置<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>
分享到:
评论

相关推荐

    table点击表头排序

    &lt;span id="idTitle"&gt;名称&lt;/span&gt; / &lt;span id="idExt"&gt;类型&lt;/span&gt;&lt;/td&gt; // &lt;td width="100" align="center"&gt;&lt;span id="idAddtime"&gt;上传时间&lt;/span&gt;&lt;/td&gt; // &lt;td width="50" align="center"&gt;&lt;span id="idSize"&gt;大小&lt;/...

    js使用小技巧

    &lt;input type=text onkeypress="return event.keyCode&gt;=48&&event.keyCode&lt;=57||(this.value.indexOf(".")&lt;0?event.keyCode==46:false)" onpaste="return !clipboardData.getData("text").match(/D/)" ondragenter=...

    jQuery详细教程

    &lt;script type="text/javascript" src="/jquery/jquery.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; $(document).ready(function(){ $("p").click(function(){ $(this).hide(); }); }); &lt;/script&gt; &lt;/head&gt; ...

    修改表结构的 asp C# 源代码

    + '\n' +' &lt;td&gt;默认值&lt;/td&gt;' + '\n' +' &lt;td&gt;&lt;input name="fieldDefault" type="text" id="fieldName4" size="30"&gt;&lt;/td&gt;' + '\n' +' &lt;/tr&gt;' + '\n' +' &lt;tr&gt;' + '\n' +' &lt;td&gt;&nbsp;&lt;/td&gt;' + '\n' +' &lt;td align=...

    freemarker总结

    &lt;=或者lte:判断左边值是否小于等于右边值 注意:=和!=可以用于字符串,数值和日期来比较是否相等,但=和!=两边必须是相同类型的值,否则会产生错误,而且FreeMarker是精确比 较,"x","x ","X"是不等的.其它的运行符可以...

    我佛山人 Validator v1.05 selectersky2009.08.09修改版

    很好用的表单通用验证。...&lt;input type="text" dataType="LimitB" min="2" max="20" allowDefaultValue="false" value="请输入您需要查找的字符" /&gt; 附:详细的我佛山人使用说明 欢迎访问我的博客:www.selectersky.cn

    mobiscroll-2.5.2 默认值

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

    jquery实现非叠加式的搜索框提示效果

    以前一直在用JQUERY叠加两个INPUT框来实现登陆中需要输入的用户名、密码... 下面是JQUERY代码: 代码如下: //设置搜索的默认值 $(“.search_text”).focus(function(){ &lt;span xss=removed&gt; &lt;/span&gt;if($(“.search_text

    html入门到放弃笔记

    &lt;div align="center" id="container" title="这是一个div"&gt;&lt;/div&gt; 四大标准属性: 1、id :定义元素在页面中独一无二的名称 2、title :鼠标悬停在元素上时,体现的文字 3、class :引用 类选择器时使用(CSS中)...

    输入框默认值

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

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

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

    jquery-1.1.3 效率提高800%

    &lt;br&gt;Safari 2 3575ms 475ms 753% &lt;br&gt;Opera 9.1 3196ms 326ms 980% &lt;br&gt;Average improvement: 867% &lt;br&gt;&lt;br&gt;下表为jQuery1.1.3与常用的一些JS库选择器的对比:&lt;br&gt;Browser Prototype jQuery Mootools Ext Dojo &lt;br&gt;...

    input之怎么清除默认值

    input name=”username” type=”text” value=”first name.last name” size=”15″ maxlength=”60″ onfocus=”this.value=””&gt;那如果我再把鼠标移开,又出现默认值,而当我输入了之后,则不会出现...

    jsp文件上传下载通用包

    如果在表单中使用表单元素 &lt;input type=“file” /&gt;,浏览器在解析表单时,会自动生成一个输入框和一个按钮,输入框可供用户填写本地文件的文件名和路径名,按钮可以让浏览器打开一个文件选择框供用户选择文件: ...

    如何用PHP做到页面注册审核

    用户注册后就有该条用户记录,你对用户表设一个“审核状态”字段,默认值设为“未审核”,然后你写几句审核代码...input type="text" name="uid"/&gt; &lt;/div&gt; &lt;div&gt;密码:&lt;input type="text" name="pwd"/&gt; &lt;/di

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

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

    cjk-protector:保护输入文本区域不受中文、日文和韩文字符的影响

    input type =" text " &gt; &lt;/ div&gt; &lt; div&gt; &lt; textarea &gt; &lt;/ textarea &gt; &lt;/ div&gt; &lt; input type =" submit " &gt; &lt;/ form &gt; $ ( ":input" ) . cjkProtector ( ) ; 选项 错误类(字符串...

    jquery.amsify.suggestags:这是一个JQuery插件,用于带有自动完成建议的输入标签

    jQuery的建议 这是一个JQuery插件,用于带有自动完成建议的输入标签。 $ ( 'input' ) . amsifySuggestags ( ) ; npm安装 npm i suggestags ... input type =" text " class =" form-control " name =" co

    仿京东收获地址js文件

    利用jQuery仿京东收获地址,直接引用js文件即可,创建对象实例:input type="text" name="msg" readonly="readonly" id="msg" placeholder="请选择" data-id="854D87EFB26A04B8" data-assign="1" data-isclick="0";...

Global site tag (gtag.js) - Google Analytics