css-input 속성

전은하·2024년 6월 20일

CSS기초

목록 보기
5/28

input 태그의 주요 속성

1.autofocus
:페이지를 불러오자마자 폼에서 원하는 요소에 마우스 포인터를 표시할 수 있다.
입력 요소 중 텍스트를 입력할 수 있는 양식에 autofocus를 사용하면 입력 커서가 깜빡이면서
텍스트를 바로 입력할 수 있게 해준다.

2.required
:필수 입력란을 지정함. 이 속성이 들어있는 input은 반드시 사용자가 입력을 해야만 전송버튼을 눌렀을때 폼양식을 서버로 보내줄 수 있다.

3.placeholder
:사용자가 텍스트를 입력할때 입력란에 적당한 힌트 내용을 표시해주는 안내문구.
텍스트를 입력하면 힌트가 사라지고 텍스트를 지우면 다시 힌트가 나타난다.

4.readonly
:읽기 전용이라는 뜻을 가진 속성. readonly를 적용하면 사용자는 텍스트를 입력할 수 없고
읽기만 가능하다.


disable과 readonly의 차이점은

disable은 아예 활성화가 되지 않는다.

profile
안녕하세요

0개의 댓글