input, check box, radio

<label for="아이디값">아이디</label>
<input type="text" id="아이디값">
//해당 인풋에 제목에 해당하는 라벨 생성 필요
//for 값 = 인풋과 라벨요소 연결
<label>비밀번호</label>
<input type="password">
<h4>선택 </h4>
<label>체크박스</label>
<input type="checkbox" value="웹서버로 밸류 값 전달">
<h4>radio</h4>
<label>radio</label>
<input type="radio" value="웹서버로 밸류 값 전달" name="하나만 선택 가능하게 만든다">
<label>radio</label>
<input type="radio" value="웹서버로 밸류 값 전달" name="하나만 선택 가능하게 만든다">
file, color, date, reset, submit

<label>첨부파일</label>
<input type="file">
<br>
<label>색상선택</label>
<input type="color">
<br>
<label>날짜선택</label>
<input type="date">
<br>
<label>전송 취소</label>
<input type="reset">
<label>전송</label>
<input type="submit">
Drop down, text box

<select>
<option>선택 1</option>
<option>선택 2</option>
<option>선택 3</option>
</select>
<br>
<textarea></textarea>
Form

<form action="어디로 전송할지 위치값", method="post"></form>
//method :전송 방식
//action : 위치값
<label>아이디</label>
<input type="text">
<br>
<label>비밀번호</label>
<input type="password">
<br>
<input type="reset">
<input type="submit">
728x90
반응형
'Programming > CSS&Html&JS' 카테고리의 다른 글
[CSS] 선택자(selector) 종류 (0) | 2023.02.16 |
---|---|
[Html] 멀티미디어 콘텐츠 태그 (0) | 2023.02.12 |
[html] 목록 태그 (0) | 2023.02.12 |
[Html] 서식 태그 (0) | 2023.02.12 |
[Html] 기본 태그, 시맨틱 태그 (0) | 2023.02.12 |
댓글