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