본문 바로가기
Programming/CSS&Html&JS

[Html] 폼 태그

by 춘배씨 2023. 2. 12.

 

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

댓글