實例說明
接下來向使用者介紹與唯讀屬性類似的屬性,也就是設定文字方塊預設值。設定文字方塊的預設顏色為灰色,當在使用者名稱中輸入資訊時動態改變文字方塊預設值資訊。
關鍵技術
本實例的關鍵是透過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中文網其他相關文章!