Top

텍스트 입력창 다루기 | Web-Programing
김경훈 (admin) | Editor | 2021/06/10 14:07:30 | 조회:1183

아이폰에서는 모든 텍스트 입력하는 부분에 들어가있는 기본 기능들이 있다.

사파리 브라우져에서도 마찬가지로 동작을 하는데, 이것들을 몇 가지 속성 값을 통해 설정할 수 있다.

그리고 input 태그에서 입력받는 텍스트 내용에 따라 그에 맞는 키보드 자판이 나와주기를 원할 수 있을텐데,

이것 또한 약간의 속성 지정으로 컨트롤 할 수 있다.

어플리케이션에서만 키보드를 선택할 수 있는 것이 아니니 웹사이트에서 잘 사용하면, 사용자에게 편한 UI를 제공할 수 있을 것이다.



1. 영문 첫글자 대문자 모드 없애기

자동으로 첫글자 대문자 모드로 되는 것을 막으려면 autocapitalize="off"를 사용하면 된다.

<input type="text"  autocapitalize="off"  />


2. 자동완성 사용 안하기

<input type="text"  autocomplete="off"  />


3. 자동교정) 사용 안하기

아이폰에는 기본으로, 텍스트 입력할 때 자동으로 오타를 수정해주는 기능이 있다. 

이것이 동작 안하도록 하고 싶은 경우도 있을텐데 이것은 autocorrect="off" 를 사용하면 된다.

<input type="text"  autocorrect="off"  />


4. '이동' 버튼을 '검색'으로 나오도록 하려면

<form><input  type="search"  /></form>

또는

<form><input type="text"  name= "q_ search " /></form>
(name 속성값에 'search'가 포함되도록 하면 됨)
공유하기
공유하기
2
0
0


댓글을 불러오는 중입니다.
▼ 다음글 [php] 다른서버 filesize 추출하기 김경훈 (admin) 2019-12-23 11:46:25