결제·주소 폼

<label for="cc-name">카드에 적힌 이름</label>
<input id="cc-name" name="cc-name" autocomplete="cc-name" required enterkeyhint="next">
 
<label for="cc-number">카드 번호</label>
<input id="cc-number" name="cc-number" autocomplete="cc-number"
       inputmode="numeric" pattern="[\d ]{12,30}" required enterkeyhint="next">
 
<label for="cc-exp-month">유효 기간 월</label>
<select id="cc-exp-month" name="cc-exp-month" autocomplete="cc-exp-month" required>…</select>
<label for="cc-exp-year">유효 기간 연도</label>
<select id="cc-exp-year" name="cc-exp-year" autocomplete="cc-exp-year" required>…</select>
 
<label for="cc-csc">보안 코드</label>
<input id="cc-csc" name="cc-csc" autocomplete="cc-csc"
       inputmode="numeric" pattern="\d{3,4}" required enterkeyhint="done">
 
<button>30,000원 결제</button>

<label for="name">이름</label>
<input id="name" name="name" autocomplete="name" enterkeyhint="next">
 
<label for="address">주소</label>
<textarea id="address" name="address" autocomplete="street-address" rows="3"></textarea>
 
<label for="postal-code">우편번호 (선택)</label>
<input id="postal-code" name="postal-code" autocomplete="postal-code" enterkeyhint="next">
 
<label for="country">국가/지역</label>
<select id="country" name="country" autocomplete="country">
  <option value="KR">대한민국</option>
  <option value="JP">일본</option>
</select>