实例说明
接下来向用户介绍一种与只读属性类似的属性,即设置文本框默认值。设置文本框的默认颜色为灰色,当在用户名中输入信息时动态改变文本框默认值信息。
关键技术
本实例的关键是通过disabled属性设置文本框的默认值,然后通过相关事件,动态改变默认值文本框的值。使用disabled属性设置默认值的代码如下:
设计过程
(1)新建index.php文件,引入CSS样式表文件,编写表单,代码如下:table width="350"border="0"class="p">
用户名:职 位:(2)定义JavaScript脚本方法,动态改变文本框的默认值,代码如下:$("#name").keyup(function(){
var name=$("#name").val();
var manager='mr';
if(name=='mr'){
$("#type").val("经理");
}else{
$("#type").val("程序员");
}
});
秘笈心法
关于设置文本框的默认值。
(1)设置文本框的默认值与设置文本框的只读属性,在效果上是相同的。
(2)i使用disabled时,只需在标记这种加入属性名称即可。