설명 예시
다음으로, 읽기 전용 속성과 유사한 속성인 텍스트 상자의 기본값을 설정하는 속성을 사용자에게 소개합니다. 텍스트 상자의 기본 색상을 회색으로 설정하고, 사용자 이름 정보 입력 시 텍스트 상자의 기본값 정보를 동적으로 변경합니다.
핵심 기술
이 예제의 핵심은 비활성화 속성을 통해 텍스트 상자의 기본값을 설정한 후 관련 이벤트를 통해 기본값 텍스트 상자의 값을 동적으로 변경하는 것입니다. 비활성화 속성을 이용하여 기본값을 설정하는 코드는 다음과 같습니다.
<input id="0"class="0"type="text"disabled value='0100521041'/>
Design process
(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("程序员"); } });
Tips
텍스트 상자의 기본값 설정에 대해.
(1) 텍스트 상자의 기본값을 설정하는 것과 텍스트 상자의 읽기 전용 속성을 설정하는 것은 동일한 효과를 갖습니다.
(2) 비활성화를 사용하는 경우 표시에 속성 이름을 추가하면 됩니다.
위 내용은 PHP에서 입력의 기본값을 설정하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!