转载: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>
分享到:
相关推荐
1. 单行文本框:`<input type="text">`,可以通过`size`定义显示的字符数,`name`定义字段名,`value`设定默认值,`maxlength`限制最大字符数。 2. 密码域:`<input type="password">`,功能类似文本框,但输入的...
- **定义**: `<input type="text">` 是最基本的文本输入框,用于接收用户输入的一串字符。 - **属性**: 可以设置 `value` 属性来预填充文本框中的默认文本。 - **示例**: `<input type="text" value="默认文本">` #...
<input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30长度为20"> <br> <input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"> </form> ``` ##...
1. **输入框**:`<input type="text">`创建单行文本输入框,`value`默认值,`placeholder`提示文本,`maxlength`最大长度,`size`宽度。 ```html <input type="text" placeholder="请输入姓名" maxlength="10" ...
- `value`属性用于设置输入字段的初始值,如`<input type="text" value="默认值">`。 3. **代码分析**: - HTML5的`<!doctype html>`声明文档类型,确保浏览器以标准模式渲染页面。 - `<meta charset="utf-8">`...
<input type="text" name="name" value="默认值"> <input type="text" name="email"> <input type="reset" value="重置"> </form> ``` 在这个例子中,用户可以输入他们的姓名和电子邮件,然后点击"重置"按钮,...
1. 文本框(`<input type="text">`):用户输入文本的地方,可以通过`name`属性标识,`value`设置默认值,`size`定义显示宽度,`maxlength`限制最大输入字符数。 2. 密码框(`<input type="password">`):与文本框...
<input type="text" id="email" name="email" size="30" maxlength="35"> <br> <label for="purchase">When to buy:</label> <input type="radio" id="0_6_months" name="purchase" value="0_6_months" checked>...
<input type="text" name="yourname" size="30" maxlength="20" value="初始宽度为30,最大长度为20"><br> 只读模式: <input type="text" name="yourname" size="30" maxlength="20" readonly value="只读状态"> ...
<td><input id="name" name="name" type="text" value="张三" /></td> </tr> <tr> <td>Age:</td> <td><input id="age" name="age" type="text" value="36" /></td> </tr> <tr> <td colspan="2"><input type=...
<input type="text" value="郭强" onfocus="if(value=='郭强') {value=''}" onblur="if (value=='') {value='郭强'}"> ``` 2. 网页按钮的特殊颜色:通过CSS样式可以实现按钮的不同状态下的颜色变化,如: ```html ...
<input type="text" name="用户名" value="默认值"> ``` - **密码输入**: ```html <input type="password" name="密码"> ``` - **文本区域**: ```html <textarea name="多行文本" rows="行数" cols="列数">...
姓名: <input type="text" name="name" size="10" value="张三" maxlength="10"><br> 密码: <input type="password" name="password" size="10" value="0009" maxlength="10"><br> </form> ``` 3. **单选按钮**...
<span id="idTitle">名称</span> / <span id="idExt">类型</span></td> // <td width="100" align="center"><span id="idAddtime">上传时间</span></td> // <td width="50" align="center"><span id="idSize">大小</...
<input type="text" value="请输入您的名字" onfocus="if(this.value=='请输入您的名字'){this.value=''}" onblur="if(this.value==''){this.value='请输入您的名字'}"> ``` ### 2. 背景颜色设置 通过CSS样式,...
首先,单行文本输入框是最常见的表单元素,通过`<input>`标签的`type="text"`属性定义。开发者可以通过`maxlength`属性限制用户输入的最大字符数,`size`属性设定文本框的预览宽度。例如: ```html <label for=...
例如,对于字符串类型的值,我们可以创建`<input type="text">`;对于数字,可能是`<input type="number">`;而对于布尔值,可以是`<input type="checkbox">`。 在实际应用中,可能还会遇到更复杂的情况,比如数组...