기사 주제 학습 다운로드 Q&A 프로그래밍 사전 게임 최근 업데이트

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

집 > 웹 프론트엔드 > JS 튜토리얼 > 본문

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

WBOY

풀어 주다： 2016-05-16 19:19:02

원래의

1069명이 탐색했습니다.

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

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

[Ctrl A 모두 선택 참고: 외부 J를 도입해야 하는 경우 실행하려면 새로 고쳐야 합니다. ]

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