`

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

相关推荐

    html-8 单网页设计(一).doc

    1. 单行文本框:`&lt;input type="text"&gt;`,可以通过`size`定义显示的字符数,`name`定义字段名,`value`设定默认值,`maxlength`限制最大字符数。 2. 密码域:`&lt;input type="password"&gt;`,功能类似文本框,但输入的...

    HTML 笔 记

    - **定义**: `&lt;input type="text"&gt;` 是最基本的文本输入框,用于接收用户输入的一串字符。 - **属性**: 可以设置 `value` 属性来预填充文本框中的默认文本。 - **示例**: `&lt;input type="text" value="默认文本"&gt;` #...

    input资源的格式

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

    web前端基础入门知识

    1. **输入框**:`&lt;input type="text"&gt;`创建单行文本输入框,`value`默认值,`placeholder`提示文本,`maxlength`最大长度,`size`宽度。 ```html &lt;input type="text" placeholder="请输入姓名" maxlength="10" ...

    《HTML5网页设计》课后习题及答案07.docx

    - `value`属性用于设置输入字段的初始值,如`&lt;input type="text" value="默认值"&gt;`。 3. **代码分析**: - HTML5的`&lt;!doctype html&gt;`声明文档类型,确保浏览器以标准模式渲染页面。 - `&lt;meta charset="utf-8"&gt;`...

    发现一个HTML按钮

    &lt;input type="text" name="name" value="默认值"&gt; &lt;input type="text" name="email"&gt; &lt;input type="reset" value="重置"&gt; &lt;/form&gt; ``` 在这个例子中,用户可以输入他们的姓名和电子邮件,然后点击"重置"按钮,...

    html的ppt

    1. 文本框(`&lt;input type="text"&gt;`):用户输入文本的地方,可以通过`name`属性标识,`value`设置默认值,`size`定义显示宽度,`maxlength`限制最大输入字符数。 2. 密码框(`&lt;input type="password"&gt;`):与文本框...

    《网页设计语言》实验指导书

    &lt;input type="text" id="email" name="email" size="30" maxlength="35"&gt; &lt;br&gt; &lt;label for="purchase"&gt;When to buy:&lt;/label&gt; &lt;input type="radio" id="0_6_months" name="purchase" value="0_6_months" checked&gt;...

    input 标签的属性

    &lt;input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30,最大长度为20"&gt;&lt;br&gt; 只读模式: &lt;input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"&gt; ...

    SpringMVC表单标签简介

    &lt;td&gt;&lt;input id="name" name="name" type="text" value="张三" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;Age:&lt;/td&gt; &lt;td&gt;&lt;input id="age" name="age" type="text" value="36" /&gt;&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td colspan="2"&gt;&lt;input type=...

    常用 js 技巧大全

    &lt;input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value='郭强'}"&gt; ``` 2. 网页按钮的特殊颜色:通过CSS样式可以实现按钮的不同状态下的颜色变化,如: ```html ...

    超文本语言 html

    &lt;input type="text" name="用户名" value="默认值"&gt; ``` - **密码输入**: ```html &lt;input type="password" name="密码"&gt; ``` - **文本区域**: ```html &lt;textarea name="多行文本" rows="行数" cols="列数"&gt;...

    web学习笔记.doc

    姓名: &lt;input type="text" name="name" size="10" value="张三" maxlength="10"&gt;&lt;br&gt; 密码: &lt;input type="password" name="password" size="10" value="0009" maxlength="10"&gt;&lt;br&gt; &lt;/form&gt; ``` 3. **单选按钮**...

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

    JavaScript一些技巧(转载)

    &lt;input type="text" value="请输入您的名字" onfocus="if(this.value=='请输入您的名字'){this.value=''}" onblur="if(this.value==''){this.value='请输入您的名字'}"&gt; ``` ### 2. 背景颜色设置 通过CSS样式,...

    html5定制表单_动力节点Java学院整理

    首先,单行文本输入框是最常见的表单元素,通过`&lt;input&gt;`标签的`type="text"`属性定义。开发者可以通过`maxlength`属性限制用户输入的最大字符数,`size`属性设定文本框的预览宽度。例如: ```html &lt;label for=...

    使用json数据生成表单页面

    例如,对于字符串类型的值,我们可以创建`&lt;input type="text"&gt;`;对于数字,可能是`&lt;input type="number"&gt;`;而对于布尔值,可以是`&lt;input type="checkbox"&gt;`。 在实际应用中,可能还会遇到更复杂的情况,比如数组...

Global site tag (gtag.js) - Google Analytics