웹개발 공부방

1. 태그 - 한 개 이상의 요소를 포함해야 한다. 속성 내용 autofocus 페이지 로드 시 자동 포커스 지정 disable 포커스, 선택, 변경 등 조작 불가, 서버 전송 불가 mutiple ctrl 키 이용 복수선택 가능토록 지정 size 화면에 표시된 메뉴 항목 개수 지정 required 필수 선택 요소 지정 2. 태그 - 요소의 자식요소로 목록에 표시되는 각 항목을 지정하기 위해 사용한다. 속성 내용 selected 화면에 표시될 때 기본으로 선택될 옵션을 지정 value 옵션을 선택했을 때 서버로 넘겨질 값을 지정 3. 태그 - 태그의 여러 항목들을 그룹으로 묶어야 할 때 사용한다. (label 속성으로 그룹의 제목 작성가능하며 필수 속성이다.) 예시 ) 목록1 목록2 목록3 목록4 목록5 ..

태그 요소 요소들을 그룹화 요소의 캡션 정의 - 의 for속성값은 결합하고자 하는 요소의 id속성값과 같아야 한다. - 결합하고자 하는 요소를 안에 위치시키면 for 속성 사용하지 않아도 된다. - 요소 사용할 수 있는 요소 : , , , , , , 입력 필드 정의 예시 ) 로그인 정보 아이디 비밀번호 연락처 정보 전화번호 이메일

[ 추가된 속성 값 ] 추가된 속성 값 내용 pattern 허용하는 입력의 형태를 정규식으로 지정 required 입력양식 제출 전에 반드시 채워져 있어야 함을 표현 readonly 읽기 전용 placeholder 입력 힌트를 보여줌 autofocus 페이지 로드시 자동으로 입력 포커스를 갖음 autocomplete 자동 입력 완성 [ 추가된 input 태그의 속성 ] 1. 날짜관련 input type = "datetime" UTC 날짜와 시간 형식을 이용한 컨트롤 창 생성 input type = "datetime-local" 현지 날짜 (년월일) / 시간 input type = "week" YYYY, N번째 주 input type = "month" YYYY MM input type = "date" YY..

1. text, password 2. checkbox 3. radio 4. file 5. image 6. button, submit, reset 7. hidden 1. text, password - input type="text" , input type="password" 아이디 : 비밀번호 : 2. checkbox - input type="checkbox" Mango Apple Strawberry Kiwi 3. radio - input type="radio" 양식 중식 한식 일식 4. file - input type="file" 5. image - input type="image" 6. button, submit, reset - input type="button", input type="submit",..

1. 특수문자 리스트 표현문자 숫자표현 문자표현 설명 - �- - 사용하지 않음 space - 수평탭 space - 줄 삽입 - - - 사용하지 않음 space - 여백 ! ! - 느낌표 " " " 따옴표 # # - 숫자기호 $ $ - 달러 % % - 백분율 기호 & & & Ampersand ' ' - 작은 따옴표 ( ( - 왼쪽 괄호 ) ) - 오른쪽 괄호 * * - 아스트릭 + + - 더하기 기호 , , - 쉼표 - - - Hyphen . . - 마침표 / / - Solidus (slash) 0 - 9 0-9 - 0부터 9까지 : : - 콜론 ; ; - 세미콜론 > > 보다 큰 ? ? - 물음표 @ @ - Commercial at A - Z A-Z - A부터 ..