관리 메뉴

web sprit

[HTML] form요소 자동완성기능 막기 본문

웹1.0/HTML

[HTML] form요소 자동완성기능 막기

커드만 2020. 2. 14. 14:01

작업 시 브라우저 자동완성 기능으로 보안이나 UI면에서 방해 요소로 작용합니다.
자동완성을 막기 위해 아래와 같은 속성을 추가 해야 합니다.

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

속성값으로는 
on 과 off이 있습니다.
on은 default 값으로 기존에 입력한 내용의 값이 있다면 자동완성 기능으로 
화면에 목록으로 표시 됩니다.
이 기능을 비활성화 하고 싶다면 off 값을 넣어주면 됩니다.

개별마다 autocomplete 값을 off으로 주면 너무 번거로울 수 있습니다.
form 요소 전체에 autocomplete 값을 off으로 주고 싶다면 아래와 같이 적용해 주면 됩니다.

<form autocomplete="off">
	.............
	<input type="text" name="form_text">
	<textarea name="form_textarea"></textarea>
</form>

* 부연설명
name : Form 태그를 통해 다른 페이지로 값을 전송할 경우 name 속성을 이용합니다.

0 Comments
댓글쓰기 폼