반응형
페이지가 자바 스크립트 지원없이로드 될 때 텍스트 상자에 커서 (자동 초점)를 배치하는 방법은 무엇입니까?
일부 텍스트 필드가있는 양식이 있고 페이지가로드 될 때 양식의 첫 번째 텍스트 필드에 커서 (자동 초점) 를 놓고 싶습니다 .
자바 스크립트를 사용하지 않고하고 싶습니다.
javascript의 지원 없이도 가능합니다.
html5 자동 초점 속성을 사용할 수 있습니다
. 예 :
<input type="text" name="name" autofocus="autofocus" id="xax" />
텍스트 필드에서 사용하면 (autofocus = "autofocus") 페이지가로드 될 때 텍스트 필드에 초점이 맞춰진다는 의미입니다. 자세한 내용은 다음을 참조 하십시오.
http://www.hscripts.com/tutorials/html5/autofocus-attribute.html
autofocus첫 번째 입력 또는 텍스트 영역을 추가하기 만하면 됩니다.
<input type="text" name="name" id="xax" autofocus="autofocus" />
<body onLoad="self.focus();document.formname.name.focus()" >
formname is <form action="xxx.php" method="POST" name="formname" >
and name is <input type="text" tabindex="1" name="name" />
it works for me, checked using IE and mozilla.
autofocus, somehow didn't work for me.
이것은 작동합니다 :
OnLoad="document.myform.mytextfield.focus();"
내가 한 것처럼 약간의 장난을 치는 사람들을위한 확장팩입니다.
다음 작업 (W3에서) :
<input type="text" autofocus />
<input type="text" autofocus="" />
<input type="text" autofocus="autofocus" />
<input type="text" autofocus="AuToFoCuS" />
이것은 CSS에서는 작동하지 않는다는 점에 유의해야합니다. 즉 다음을 사용할 수 없습니다.
.first-input {
autofocus:"autofocus"
}
적어도 그것은 나를 위해 작동하지 않았습니다 ...
때때로 커서가 텍스트 상자 안에 있는지 확인하기 위해해야 할 일은 텍스트 상자를 클릭하고 메뉴가 표시되면 "텍스트 상자 서식"을 클릭 한 다음 "텍스트 상자"탭을 클릭하고 마지막으로 모두 수정하는 것입니다. 각 여백에 "0"이 나타날 때까지 아래쪽 화살표로 4 개의 여백 (왼쪽, 오른쪽, 위쪽 및 아래쪽).
반응형
'program story' 카테고리의 다른 글
| Google Maps Api v3-getBounds가 정의되지 않았습니다. (0) | 2020.10.07 |
|---|---|
| 읽기 전용 필드에 대해 불순한 메소드가 호출 됨 (0) | 2020.10.07 |
| '필드 목록'의 알 수없는 열 '* .createdAt'을 Sequelize (0) | 2020.10.07 |
| 이름이 같은 두 개의 내 보낸 클래스 가져 오기 (0) | 2020.10.07 |
| Eclipse에서 명령 줄 인수를 묻는 메시지를 표시하는 방법 (0) | 2020.10.07 |