HTML 2일차 - form , 특수태그 몇가지

<form의 요소들>

 

input 양식

<input type="형태" name="변수" value="화면에 보여지는 값" />

 

type(형태)의 종류

text / password / checkbox / radio / file / hidden / button

 

★ radio의 name은 2개의 변수명이 일치해야 정상적으로 동작함

★ hidden은 특수 용도로 사용됨

 

Label  양식

<label for="">***</label>

(참고.. 안해도 되긴함 ㅎ..)

 

※ Input과 Label 연결

- for ="변수명" == id="변수명" 이 같으면 태그들이 연결이 된다.

 

Select

- 여러개의 목록이 있는 태그이다

option으로 옵션 만들어줌

 

양식 ↓

<select>

        <option value=""></option>

        <option value=""></option>

<select>

결과

optgroup (optioin group) 태그

- 목록에 그룹명 부여

결과 ↓

 Multiple 속성

여러개를 한번해 선택할수 있게함

 

Textarea

텍스트 창을 만듬

<textarea for="변수명" id="" cols="" rows=""></textarea>

html 특수태그들

< 와 > 는 화면에 표시가 불가능 하므로 특수 태그를 쓴다.

공백 여러개를 입력해도 1개로 인식하기 때문에 특수 태그를 쓴다.

&lt; (less than)  = <

&gt; (greater than) = >

&nbsp; = 띄어쓰기

 

window키 + < 또는 > = 이모티콘이 나옴 ㅎㅎㅎ