다양한 input 타입&속성 (CSS3)

김한나·2021년 11월 9일
0

html,css

목록 보기
1/7

1. 다양한 타입

<h3>다양한 input 타입</h3>
텍스트 입력창: <input type="text"> <br>
이메일 입력창: <input type="email"> <br>
검색: <input type="search"> <br>
전화번호: <input type="tel"><br>
<!-- 모바일에서 숫자패드가 열림 -->
수량: <input type="number"><br>
만족도: <input type="range"><br>
날짜: <input type="date"><br>
월: <input type="month"><br>
주: <input type="week"><br>
시간: <input type="time"><br>
색상: <input type="color"><br>

2. 속성


placeholder(플레이스홀더) = 힌트표시(위에 아이디,비밀번호 등 처럼 힌트를 주는 기능)
autofocus(오투포커스) = 클릭하지 않아도 커서가 깜빡 거리게 하는 기능
required(리콰일드) = 필수 입력창으로 설정(입력하지 않으면 메세지가 나옴)
disable(디세벌) = 조건에 만족하지 않았을 때 비활성화 시키는 기능(위에 다음버튼)
readonly(리드온니) = 읽기 전용 기능(보는것만 가능)

0개의 댓글

관련 채용 정보