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

最新推荐文章于 2024-07-09 17:58:05 发布

greybeard

最新推荐文章于 2024-07-09 17:58:05 发布

阅读量3.8k

点赞数 2

分类专栏： html 文章标签： input type="text" 默认值 js验证

本文链接：https://blog.csdn.net/greybeard/article/details/84005547

版权

html 专栏收录该内容

0 篇文章 0 订阅

订阅专栏

转载：http://iamzhangxiaochuan.blog.163.com/blog/static/1818142802011225101621401/

设置<input type="text">的默认值最基本的就是用value设置默认值，例如<input type="text" value="默认值">。但是如果想让默认值在鼠标点击的时候消失，那么就要用js去实现动态的效果，例如<input name="textfield" type="text" value="默认值" οnfοcus="if (value =='默认值){value =''}" οnblur="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>