[HTML] input 태그 속성 알아보기

<input> 태그는 아래와 같이 3가지로 구성되어 있음.

1. type :  유형 
2. value : 초기값 
3. name : 이름 

 

type 10가지 

 

순번	type	내용
1	text	텍스트 입력하는 창 생성
2	password	비밀번호를 입력하는 창 생성
3	radio	라디오 버튼 생성
4	checkbox	체크박스 생성
5	file	파일 이름 입력하는 창 생성
6	image	이미지를 전송버튼으로 생성
7	hidden	사용자에게 보이지 않고, 서버로 전송하는데 사용
8	submit	서버 전송하는 버튼
9	button	일반적인 버튼 생성

1. text

<input type="text" name="subject">

2. password 

<input type="password" name="pass">

3. radio
서로 연관된 옵션들의 집합을 보통 하나의 라디오 버튼 그룹으로 나타내며, 그룹 내의 라디오 버튼은 오직 하나만이 선택될 수 있습니다.

<tr>
	<th>수능등급</th>
  	<td>
            <input type="radio" name="grade" value="1">1등급 
            <input type="radio" name="grade" value="2">2등급
            <input type="radio" name="grade" value="3">3등급
            <input type="radio" name="grade" value="4">4등급
  	</td>  
</tr>

4. checkbox
checkbox 속성은 복수 선택이 가능한 체크 박스를 생성합니다.

<tr>
	<th>과일선택</th>
        <td>
            <input type="checkbox" name="fruits"><label>사과</label>
            <input type="checkbox" name="fruits"><label>자두</label>
            <input type="checkbox" name="fruits"><label>포도</label>
        </td>
</tr>