49일차 - [JSP] input attributes, select, textarea
안녕하세요. pitang입니다.
오늘은 input attributes, select 태그, textarea에 대해 알아보겠습니다.
input attributes
input 요소의 다양한 특성이 있다.
required - 반드시 입력 필드를 입력해야 함을 지정한다.
텍스트, 검색, url, tel, 이메일, 암호, 날짜 선택기, 번호, 확인란, 라디오 및 파일 입력 유형에서 작동한다.
disabled value - 입력 필드를 사용 안함으로 지정한다. 클릭할 수 없고 사용할 수 없다.
readonly value - 입력 필드가 수정할 수 없는 읽기 전용임을 지정한다.
placeholder - 입력 필드의 예상 값을 설명하는 짧은 힌트를 지정한다.
텍스트, 검색, url, tel, 이메일 및 암호와 같은 입력 유형에서 작동한다.
pattern - 입력 필드의 값을 확인할 정규식을 지정한다.
텍스트, 날짜, 검색, url, tel, 이메일 및 암호와 같은 입력 유형에서 작동한다.
size - 입력 필드의 표시 크기를 지정한다. 기본값은 20이다.
maxlength - 입력 필드에 허용되는 최대 문자 수를 지정한다.
multiple - 입력 필드에 둘 이상의 값을 입력할 수 있음을 지정한다.
이메일 및 파일 입력 유형과 함께 작동한다.
step - 입력 필드의 올바른 숫자 간격을 지정한다.
숫자, 범위, 날짜, 월, 시간 및 주 입력 유형에서 작동한다.
이외에도, 다양한 특성들이 있지만 항상 검색하는 습관을 들여 사용하면 된다.
ex1)
select태그
select 태그는 아래로 펼쳐지는 목록 상자이고, option 태그는 HTML select 태그 내부의 항목이다.
ex1)
-> selected 로 기본값을 설정할 수 있다.
ex2)
-> option 값이 많다면, 자바 코드를 이용해 넣어줄 수도 있다.
ex3)
ex4)
textarea 태그
textarea 태그는 다중 줄 텍스트 입력 컨트롤을 정의한다. 주석이나 리뷰와 같은 사용자 입력을 수집하기 위해 종종 사용된다.
텍스트 영역에는 문자 수가 제한 없이 포함될 수 있으며 텍스트는 고정 너비 글꼴로 랜더링 된다.
ex1)
ex2)
감사합니다.
*m1 맥북을 사용 중입니다.*