如何在PHP中為input設定預設值

來源:互聯網
上載者:User
執行個體說明
接下來向使用者介紹一種與唯讀屬性類似的屬性,即設定文字框預設值。設定文字框的預設顏色為灰色,當在使用者名稱中輸入資訊時動態改變文字框預設值資訊。
關鍵技術
本執行個體的關鍵是通過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>標記這種加入屬性名稱即可。

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.