양식의 대화형 경험을 개선하기 위한 두 가지 팁_양식 특수 효과

단조로운 양식 제어 장치가 만족스럽지 않다면 다음 팁을 살펴보는 것이 좋습니다.

1. 양식 텍스트 입력의 모바일 선택: In 프롬프트가 추가된 경우 텍스트 입력 필드 방문자는 종종 마우스를 사용하여 선택하고 삭제한 다음 유용한 정보를 입력해야 합니다. 실제로 에 onMouseOver="this.focus()" onFocus="this.select()" 코드를 추가하기만 하면 다음과 같이 모든 것이 훨씬 더 간단해집니다. <br></p> <div class="htmlarea"><textarea id="runcode35894"> <textarea name="textarea" wrap="virtual" rows="2" cols="22" onmouseover="this.focus()" onfocus="this.select()">영어를 입력하세요..
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

마찬가지로 에 코드를 추가할 수 있습니다.

2. 폼 입력부 삭제를 위해 클릭 : 이 컬럼은 위와 동일한 기능을 가지고 있으나, 마우스를 사용함에 있어서 약간의 변화가 있습니다. 마우스로 그냥 가리는 것이 아니라 클릭을 해야 합니다. 예:

<input type="text" name="address" size="19" value="Enter,e-mail..." onfocus="this.value=''">
[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

입력기를 클릭하면 정보가 삭제된다는 메시지가 나오네요. 참 편리하지 않나요?