반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | ||||
4 | 5 | 6 | 7 | 8 | 9 | 10 |
11 | 12 | 13 | 14 | 15 | 16 | 17 |
18 | 19 | 20 | 21 | 22 | 23 | 24 |
25 | 26 | 27 | 28 | 29 | 30 | 31 |
Tags
- js
- 배열
- Eclipse
- IntelliJ
- 정규식
- 자바스크립트
- string
- input
- Java
- 인텔리제이
- 문자열
- list
- 자바
- table
- 이클립스
- 테이블
- windows
- ArrayList
- CSS
- Maven
- CMD
- date
- 이탈리아
- Array
- Button
- Visual Studio Code
- json
- vscode
- html
- javascript
Archives
- Today
- Total
어제 오늘 내일
[HTML] input 자동완성 기능 해제하기 본문
input에 자동완성이 적용되는 경우
사용자의 입력을 받는 input 항목을 입력하다보면
아래의 예제와 같이
특정 input의 경우 사용자가 기존에 입력했던 값을 기반으로
자동완성이 제공되는 경우가 있습니다.
input의 name 속성이나 id 속성이 같을 경우 자동완성 기능이 제공됩니다.
위 예제는 많은 웹사이트에서 사용하는 id 속성값인 'name', 'email'을 지정하였습니다.
아마, 다른 사이트에 입력한 적이 있던 name이나 email 목록이 자동완성으로 목록에 나타날 것입니다.
이것은 보통 브라우저가 자동으로 해주는데,
어떤 경우에는 이 기능을 해제해야 할 필요도 있습니다.
input에 자동완성 해제하기
input에 자동 완성을 해제하기 위해서 'autocomplete' 속성을 추가하였습니다.
'autocomplet' 속성은 'on' 또는 'off', 이렇게 두 가지 속성 값을 가질 수 있습니다.
이 속성 값을 'off'로 지정하면, 자동완성이 해제됩니다.
반응형
'IT > HTML&CSS' 카테고리의 다른 글
[HTML] 테이블(table) 가로, 세로 셀 병합하기 (colspan, rowspan) (0) | 2020.11.28 |
---|---|
[HTML] datalist와 select 차이점 (0) | 2020.11.28 |
[HTML] input 필드 비활성화 하기 (disabled, readonly 차이) (0) | 2020.08.13 |
[HTML] input type='file' 속성 알아보기 ( 파일 입력 ) (0) | 2020.06.08 |
[HTML] 콤보박스(select) (2) - 사이즈 지정, 중복선택, 카테고리 설정 (0) | 2019.07.30 |
Comments