클릭시 HTML 텍스트 입력의 모든 텍스트 선택

질문 : 클릭시 HTML 텍스트 입력의 모든 텍스트 선택

---

HTML 웹 페이지에 텍스트 상자를 표시하는 다음 코드가 있습니다.

<input type="text" id="userid" name="userid" value="Please enter the user ID" />

페이지가 표시되면 텍스트 에 사용자 ID를 입력하십시오 메시지가 포함됩니다. 그러나 모든 텍스트를 선택하려면 사용자가 3 번 클릭해야한다는 것을 알았습니다 (이 경우 사용자 ID를 입력하십시오 ).

클릭 한 번으로 전체 텍스트를 선택할 수 있습니까?

편집하다:

죄송합니다. 입력 type="text"

답변

---

이 자바 스크립트 스 니펫을 사용할 수 있습니다.

<input onClick="this.select();" value="Sample Text" />

그러나 분명히 모바일 Safari에서는 작동하지 않습니다. 이 경우 다음을 사용할 수 있습니다.

<input onClick="this.setSelectionRange(0, this.value.length)" value="Sample Text" />

출처 : https://stackoverflow.com/questions/4067469/selecting-all-text-in-html-text-input-when-clicked