在PHP中为文本框设置默认值

实例说明
  接下来向用户介绍一种与只读属性类似的属性,即设置文本框默认值。设置文本框的默认颜色为灰色,当在用户名中输入信息时动态改变文本框默认值信息。
关键技术
  本实例的关键是通过 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>职&nbsp;&nbsp;位:</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 时,只需在 <input> 标记这种加入属性名称即可。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值