폼 태그
더보기
| Tag | Description |
| <label for="input의 id"></labe> | |
| <input type="text" id="id값" /> | text 형태의 입력을 받는 태그 |
| <input type="password" /> | 비밀번호 형태의 입력을 받는 태그. 보안 출력 |
| <input type="checkbox" value="값" /> | 체크박스 태그. value가 보여짐. 복수 개의 선택 가능 |
| <input type="radio" value="값" name="값" /> | 라디오버튼 태그. value가 보여짐. 라디오버튼 태그들의 name값을 동일하게 작성하면 1개만 선택 |
| <input type="file" /> | 첨부파일 업로드 |
| <input type="color" /> | 색상 팔레트로 색상 선택 가능 |
| <input type="date" /> | 달력으로 날짜 선택 |
| <input type="reset" /> | 입력 값들 초기화. |
| <input type="submit" /> | 전송 버튼. 데이터 전송됨 |
| <select name="" id=""></selec> | 블록 다운 메뉴로 여러 요소 선택. <option>의 부모 태그 |
| <option value=""></option> | 각 선택 블록 |
| <textarea name="" id="" rows="" cols=""></textatrea> | 텍스트 박스내 값 입력. 긴 글 입력 |
| <form action="전송될주소" method="post"></form> | 폼 태그들의 부모 태그. action은 전송될 주소, method는 전송될 방식 |
폼 태그 예시
더보기
<body>
<form action="/" method="post">
<label>아이디</label>
<input type="text" />
<label>비밀번호</label>
<input type="password" />
<input type="reset" />
<input type="submit" />
</form>
</body>
'웹 퍼블리싱 자료집 > HTML: FIN' 카테고리의 다른 글
| [HTML] 외부파일 연동(CSS, JavaScript) (1) | 2025.03.05 |
|---|---|
| [HTML] 멀티미디어 태그 (0) | 2025.03.05 |
| [HTML] 목록 Tag (0) | 2025.03.05 |
| [HTML] 서식 Tag (0) | 2025.03.05 |
| [HTML] Semantic Tag (0) | 2025.03.05 |
