例の説明
次に、ユーザーは、テキスト ボックスのデフォルト値を設定する、読み取り専用プロパティと同様のプロパティを紹介されます。テキストボックスのデフォルト色をグレーに設定し、ユーザー名入力時にテキストボックスのデフォルト値情報を動的に変更します。
主要なテクノロジー
この例の重要な点は、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)disabled を使用する場合は、d5fd7aea971a85678ba271703566ebfd マークに属性名を追加するだけです。
以上がPHPで入力のデフォルト値を設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。