web-programming” 시리즈

웹 프로그래밍 관련해서 공부한 내용들을 정리합니다.

002. 명품 웹 프로그래밍 정리 노트 : 3. HTML5 문서 구조화와 웹 폼

명품 웹 프로그래밍 정리 노트 : 3. HTML5 문서 구조화와 웹 폼

--> <label>선택 항목 :</label> <input list=&quot;options&quot; name=&quot;selected_option&quot;> <datalist id=&quot;options&quot;> <option value=&quot;항목 1&quot;> <option value=&quot;항목 2&quot;> <option value=&quot;항목 3&quot;> <option value=&quot;항목 4&quot;> </datalist> </form> <select></select> : 드롭다운 리스트를 만드는 태그로 <option> 태그로 여러 항목을 만든다. <form> <label>선택 항목 :</label> <select name=&quot;selected_option&quot;> <option value=&quot;항목 1&quot;>항목 1</option> <option value=&quot;항목 2&quot;>항목 2</option> <option value=&quot;항목 3&quot;>항목 3</option> <option value=&quot;항목 4&quot;>항목 4</option> </select> </form> <input type=&quot;radio&quot;> : 여러 개의 선택지 중 하나를 선택하는 라디오 버튼을 만드는 태그 <input type=&quot;checkbox&quot;> : 여러 개의 선택지 중 여러 개를 선택하는 체크박스를 만드는 태그 <form> <label>라디오 버튼 :</label> <input type=&quot;radio&quot; name=&quot;radio_option&quot; value=&quot;옵션 1&quot;>옵션 1 <input type=&quot;radio&quot; name=&quot;radio_option&quot; value=&quot;옵션 2&quot;>옵션 2 </form> <form> <label>체크박스 :</label> <input type=&quot;checkbox&quot; name=&quot;check_option1&quot; value=&quot;옵션 1&quot;>옵션 1 <input type=&quot;checkbox&quot; name=&quot;check_option2&quot; value=&quot;옵션 2&quot;>옵션 2 </form> <input type=&quot;submit&quot;> : 폼을 제출하는 버튼 <input type=&quot;reset&quot;> : 폼을 초기화하는 버튼 <form> <input type=&quot;text&quot; name=&quot;user_name&quot; placeholder=&quot;이름을 입력하세요&quot;> <input type=&quot;password&quot; name=&quot;user_password&quot; placeholder=&quot;비밀번호를 입력하세요&quot;> <input type=&quot;submit&quot; value=&quot;로그인&quot;> </form>

2022년 07월 09일

·

15분 분량