<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개로 인식하기 때문에 특수 태그를 쓴다.
< (less than) = <
> (greater than) = >
= 띄어쓰기
window키 + < 또는 > = 이모티콘이 나옴 ㅎㅎㅎ
'HTML , CSS' 카테고리의 다른 글
HTML5 CSS - Position (0) | 2023.08.11 |
---|---|
HTML CSS - dispaly 속성 中 Block , Inline (0) | 2023.08.09 |
HTML5 - CSS 선택자 (0) | 2023.08.03 |
HTML - 시멘틱 태그 (0) | 2023.08.03 |
HTML5 1일차 - 여러 키워드 (0) | 2023.08.01 |