HTML - autocomplete

HTML의 autocomplete 속성은 입력 필드에 자동 완성 기능을 활성화하거나 비활성화하는 데 사용됩니다. 다양한 값들이 있으며, 이 값들에 따라 브라우저가 사용자 경험을 개선하기 위해 저장된 데이터를 자동으로 채워줍니다.

1. 기본 속성

• on: 자동 완성 기능을 활성화합니다 (기본값).
• off: 자동 완성 기능을 비활성화합니다.

2. 자동 완성에 사용되는 입력 유형별 속성

아래 값들은 브라우저가 어떤 정보를 자동 완성해야 하는지 명확하게 지정해줍니다.

개인 정보

• name: 이름
• honorific-prefix: 경칭 (Mr., Mrs. 등)
• given-name: 이름(예: 홍길동의 '길동')
• family-name: 성(예: 홍길동의 '홍')
• nickname: 별명
• email: 이메일 주소
• username: 사용자 이름
• new-password: 새 비밀번호 (비밀번호 생성 시)
• current-password: 현재 비밀번호

연락처 정보

• tel: 전화번호
• tel-country-code: 국가 코드 (예: +82)
• tel-national: 국가별 전화번호
• tel-area-code: 지역 코드
• tel-local: 지역 전화번호
• tel-extension: 내선 번호

주소 정보

• street-address: 도로명 주소
• address-line1: 주소 첫 줄
• address-line2: 주소 두 번째 줄 (예: 아파트, 층 등)
• address-level1: 행정 구역 (예: 도, 주)
• address-level2: 도시, 시/군
• postal-code: 우편번호
• country: 국가 전체 이름 (예: South Korea)
• country-name: 국가 명칭

결제 정보

• cc-name: 신용카드 명의자 이름
• cc-number: 신용카드 번호
• cc-exp: 카드 만료일 (MM/YY 또는 MM/YYYY)
• cc-exp-month: 카드 만료 월 (MM)
• cc-exp-year: 카드 만료 연도 (YY 또는 YYYY)
• cc-csc: 카드 보안 코드 (CVV)
• cc-type: 카드 종류 (Visa, MasterCard 등)

기타

• birthday: 생일 (YYYY-MM-DD 형식)
• bday-day: 생일의 일(Day)
• bday-month: 생일의 월(Month)
• bday-year: 생일의 연도(Year)
• sex: 성별
• organization: 조직명(회사명 등)