개발하자

INPUT 속성 type 속성의 기본값은 "text" input 요소의 필수 속성은 아니지만 항상 명시하는 것이 좋음 INPUT 속성 값 모음 속성값 설명 button 버튼 checkbox 체크박 color 색 선택 (color picker) date 날짜 선택(year, month, day) datetime-local 날짜와 시간 선택(year, month, day, hour, minute) month 년도 월 선택(year, month) time 시간 선택(hour, minute) week 일주일 선택(year, week) email 이메일 file 파일첨부 hidden 숨겨진 입력 필드 image 이미지 number 숫자 password 비밀번호 radio 라디오 버튼(선택 버튼) range 슬라이..

input pattern 정규식 웹 개발을 하다보면 정규식(Regular Expression)을 자주 사용하게된다. 보통 자바스크립트를 사용하거나 서버 사이드 스크립트를 이용해 처리를 했었는데 html5 이후 input 태그의 pattern 속성에 정규표현식을 넣으면서 유효성 검사를 위한 입력 값 제한을 비교적 간단하게 구현할 수 있다. 보안과 안전한 입력 값 컨트롤이 필요하다면 서버 사이트 스크립트에서 처리하는 것이 좋지만 pattern은 간단하게 처리가 가능하다. * pattern 속성이 제대로 동작하는 input 요소의 type 속성값 : data, email, password, search, tel, text, url 속성값 문법 설명 정규 표현식 요소의 값을 검사할 때 사용하는 정규 표현식 in..