몽키의 코딩작업실

대표적인 표준 name 값 (autocomplete을 위한 표준 값) >이름name사용자의 이름을 입력 받는 필드성honorific-prefix사용자의 성(이름 앞에 오는 존칭) 입력 받는 필드성/이름(전체)given-name사용자의 성과 이름을 받는 필드성(일반 이름)family-name사용자의 성을 받는 필드이메일 주소email사용자의 이메일 주소를 받는 필드전화번호tel사용자의 전화번호를 받는 필드주소(전체)address사용자의 전체 주소를 받는 필드집 주소(스트리트)street-address사용자의 집 주소(거리 주소)를 받는 필드도시address-level2사용자의 도시를 받는 필드주/도/구address-level1사용자의 주/도/구를 받는 필드우편번호postal-code사용자의 우편번호를 받는..

value 속성사용자가 입력한 값을 저장하는 속성readonly 속성읽기 전용 입력 필드를 만들 수 있는 속성 (값은 볼 수 있지만 수정 불가)disabled 속성입력 필드를 비활성화하며, 수정과 폼 전송 시 값이 전송되지 않음maxlength 속성사용자가 입력할 수 있는 최대 글자 수를 제한하는 속성placeholder 속성입력 필드에 안내 텍스트를 제공하는 속성 (입력 시작 시 사라짐)required 속성필수 입력 필드를 설정하는 속성 (폼 제출 전 필수 입력을 요구)autocomplete="on" 속성브라우저가 자동으로 이전 입력 값을 제안하는 기능타입이 달라도 자동완성 데이터 공유name 속성 값이 같으면 자동완성 데이터가 공유됨 (타입에 관계없이)autofocus 속성페이지 로드 시 자동으로 해..

1폼 요소 (form)사용자의 데이터를 입력받는 HTML 요소2체크박스 입력 (type=“checkbox”)여러 개의 선택지를 동시에 선택3라디오 버튼 입력 (type=“radio”)한 그룹 내에서 하나의 선택지만 선택4색상 선택 (type=“color”)색상 팔레트에서 색을 선택5날짜 및 시간 입력날짜와 시간을 선택할 수 있는 입력5.1날짜 입력 (type=“date”)날짜를 선택할 수 있음5.2날짜와 시간 입력 (type=“datetime-local”)날짜와 시간을 함께 선택할 수 있음5.3월 선택 (type=“month”)연도와 월만 선택할 수 있음5.4주 선택 (type=“week”)해당 연도의 몇 번째 주 선택5.5시간 입력 (type=“time”)시간만 입력할 수 있음6숫자 입력 (type=“..

순서 없는 목록 (ul)• 순서가 중요하지 않은 항목들을 나열할 때 사용• 태그 안에 태그로 항목을 나열• 예시: 목록 순서가 중요하지 않은 경우 (예: 쇼핑 목록)순서 없는 목록 순서 없는 목록1 순서 없는 목록2 순서 없는 목록3 순서 있는 목록 (ol)• 항목에 순서가 중요한 경우 사용• 태그로 목록을 만들고, 항목은 태그로 표시• 예시: 준비물 목록, 작업 순서 등순서 있는 목록 순서 있는 목록1 순서 있는 목록2 순서 있는 목록3  설명 목록 (dl)• 특정 용어나 정의를 설명할 때 사용• 태그로 시작하고, 는 설명할 용어, 는 그 용어에 대한 설명을 작성• 예시: 용어집,..