`

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; */

    文本框设置默认值和验证提交

    在网页设计和开发中,文本框(Text Box...总结,文本框的默认值设置能够给用户提供引导,而验证提交则是保证数据质量和安全的重要环节。开发者需要根据项目需求选择合适的验证技术和策略,以实现高效且可靠的用户交互。

    使用jQuery给input标签设置默认值

    本文将详细介绍如何使用jQuery给input标签设置默认值,并通过实例来讲解其具体操作。 ### jQuery基础 在开始使用jQuery之前,我们先了解一些基础知识点。jQuery是一个快速、小巧且功能丰富的JavaScript库。它通过...

    文本框设置默认值、验证以及提交

    &lt;input type="text" id="myTextBox" value="默认值"&gt; ``` 若需通过JavaScript或jQuery动态设置默认值,可以使用`val()`函数: ```javascript $("#myTextBox").val("新的默认值"); ``` 接下来,我们来看一下文本框...

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

    虽然文档中没有提供具体的预览效果,但在实际使用jQuery隐藏和显示input默认值时,开发者可以通过浏览器查看这些动态效果,确认功能是否按照预期运行。在Web开发过程中,代码的测试和预览是非常重要的环节。

    EasyUI中combobox默认值注意事项

    以下是对`EasyUI combobox`默认值设置的一些关键注意事项和解决方案。 首先,我们需要理解`Combobox`的基本结构和属性。`Combobox`由HTML输入元素和一个关联的面板组成,面板中显示下拉选项。在创建`Combobox`时,...

    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;...

    控制input输入的长度尺寸

    可以使用 style 属性来控制 input 输入框的长度尺寸,例如:`&lt;input type="text" style="width:360px;" /&gt;`。也可以使用 CSS 来控制,例如:`.test { height: 16px; width: 120px; } &lt;input class="test" type="text...

    mobiscroll-2.5.2 默认值

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

    input 标签的属性

    - **value**: 设置输入框的初始值或默认值。 - **readonly**: 如果设置此属性,则输入框中的内容无法被修改。 **示例代码**: ```html 用户名: &lt;input type="text" name="yourname" size="30" maxlength="20" ...

    input资源的格式

    &lt;input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30长度为20"&gt; &lt;input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"&gt; ``` ##### 2. ...

    jQuery设置和移除文本框默认值的方法

    在实际应用中,经常需要对文本框(input[type="text"])进行各种交互处理,例如设置和移除文本框的默认值。本文将详细讲解如何利用jQuery实现这一功能,并通过一个具体的实例来展示其工作原理。 首先,我们要理解...

    jQuery实现设置、移除文本框默认值功能

    其中,文本框(input type="text")是表单中最常见的元素之一。在HTML5之前,当文本框处于非激活状态时,我们无法直接在文本框内显示提示信息。而HTML5的placeholder属性则为这种需求提供了原生的解决方案,它允许...

    javascript经典特效---input框的隐藏显示.rar

    要显示input框,将其设置回默认值(通常为`"block"`或`"inline"`,取决于input框原本的布局方式): ```javascript document.getElementById('inputId').style.display = 'block'; // 或 'inline' ``` 2. 使用`...

    解决 qt QDateEdit 不能输入空值的问题。

    QString input = dateEdit-&gt;text(); if (input.isEmpty()) { dateEdit-&gt;setDate(QDate()); dateEdit-&gt;setValidator(nullptr); // 恢复默认验证器 } else { dateEdit-&gt;setValidator(nullptr); // 恢复默认验证...

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

    - 对于每个文本类型的输入框,调用`inputText`函数绑定`onfocus`和`onblur`事件处理程序。 #### 三、注意事项 1. **兼容性问题:** - 在不同浏览器中,某些JavaScript特性可能存在兼容性差异。确保所使用的代码在...

Global site tag (gtag.js) - Google Analytics