<4> 폼 관련 태그

<from>

사용자가 DB와 데이터를 주고받는 일을 주로 하며

예를 들어 회원가입, 로그인, 중복확인 등등 DB와 연관된 다양한 것들을 처리

 

 

<!-- action에 실행할 메서드명 입력 -->
<form action ="#" method="post">
        <input type="text" title="검색">
        <input type="submit" value="검색">
        <!-- from문에 버튼이 있는데 type 설정이 없다면 기본값으로 submit으로 지정 --> 
    </form>

 

<label> 

클릭 액션이 따로 없고 주변의 요소를 설명해주는 역할

 

<fieldset>

요소들을 테두리로 묶어주는 역할 <form> 문의 안 또는 밖에서 사용

 

<legend>

<fieldset>으로 묶은 영역에 이름을 설명

 

<input>

사용자의 입력값을 받음 

입력값의 종류는 type의 값에 따라 변경

 

hidden : 사용자에게 보이지 않는 정보를 보낼 때 사용

password : 입력받는 정보를 *또는 ●로 표기

search : 검색필드를 받고, x표시로 자우기 기능 생성

email : 메일주소 형식 자동 체크

number : 숫자 입력, 중가 감소 버튼 생성

range : 숫자입력, 슬라이드 막대 생성

radio : 하나의 선택항목 (단일 선택) 

checkbox : 둘 이상의 항목 (복수 선택)

date, month, week : 달력 기능 생성 달력 기능을 통해 날짜 입력 가능

 

submit : 데이터 전송

reset : 입력 내용을 모두 삭제

 

value : 넘겨질 데이터 값을 지정

 

placeholder : 입력란의 힌트, 입력하기 위해 클릭 시 사라짐

redonly : 내용을 입력하지 못함, lable과 비슷한 역할

 

*required : 필수 입력 체크 별다른 것 없이 required 만 독립적으로 씀

 

데이터 나열 - <select>, <optgroup>, <option>

 

<select>
	<optgroup>
		<option> </option>
        	<option> </option>
	</optgroup>
    <!-- <optgroup>은 <select>내부에 그룹화. 구분선 생성 -->
	<optgroup>
		<option> </option>
        	<option> </option>
	</optgroup>
</select>

 

 

<textarea>

텍스트 영역, 여러 줄의 텍스트 입력 가능

col : 가로나비

rows: 줄