HTML_[body] form 태그

<!-- form: 입력 양식 태그 -->
<!-- 필수속성:
action : 전달위치
method : 전달방식 -->

<!-- action 기본값 # method 기본값 GET 또는 post (get이 더 안전적)-->
<form action="#">
<!-- 아직 어디로 갈지 몰라 그래서 #표시  -->
<!-- 입력 받는 태그 (input) -->

<!-- input 속성 종류
    1) type : 입력받은 값의 종류 
    2) name: 입력한 값을 구분하기 위해 이름 지정
    3) placeholder: 미리보기 텍스트
    4) autofocus: 자동커서 "깜박깜박~~~" / 값이 없는 속성
    5) readonly: 읽기전용 지정,입력이 안됨/ 값이 없는 속성 
    6) value: 입력받을 잡아주는 거????? --> 

<!-- SPAN은 FORM 밖에 있어도 상관없음  -->
    <span>ID</span>

<!-- Input은 form 안에 적어두기  -->
    <input type="text" name = 'userID' placeholder="아이디를 입력해주세요" 
     autofocus readonly value="yyj">
    <input type="password">
    <input type="range">
    <input type="date">


<!-- checkbox, radio타입은 필수 속성이 두가지 존재  -->
<!-- name: 어떤 설문인지?
    value: 어떤 값인지?  -->

<!-- checbox: 중복선택가능 -->

  <input type="checkbox" name = "fruits" value="straw"><span>딸기</span>
  <input type="checkbox" name = "fruits" value="orange"><span>오렌지</span>

<!-- radio: 중복선택불가능 -->
    <!-- value값을 동일하게 해주면 성별중에 1, 내외국인 중에 1개 선택할 수 있다. -->
    <!-- 같은 질문끼리 같이 묶어준다.  -->
  <input type="radio" name = "gender" value="male"><span>남자</span>
  <input type="radio" name = "gender" value="female"><span>여자</span>

  <input type="radio" name = "nation" value="male"><span>내국인</span>
  <input type="radio" name = "nation" value="female"><span>외국인</span>

<!-- 입력 폼에서 목록상자를 생성해서 선택할 수 있게 / 메일주소 -->
<!-- select 태그 : option이라는 태그가 필요 -->
<p>이메일을 입력하세요</p>
<input type="text" name="" >
<span>@</span>

<select name="mail">
 <option value="gmail">gmail.com </option>
 <option value="naver">naver.com </option>
 <option value="daum">daum.net </option>
</select>
<!-- 제출 초기화 버튼 위치는 무조건 form 태그 내부에 있어야 한다. -->
<!-- 제출/ 초기화되는 정보는 form 태그 시작 ~ 끝 -->
    <hr>
    <input type="submit">
    <input type="reset">
  
</form>

 

출처: 스마트인재개발원