TIL no.01 - HTML - 입력 양식

입력 양식 태그

• form
  : 입력 양식의 기본 태그

• input
  : 입력 요소(type 속성에 따라 여러 기능 수행)

• select
  : 선택 양식

• option
  : 선택 양식의 항목

• textarea
  : 여러 줄을 입력할 수 있는 글 상자

• button
  : 버튼 태그

---

form 태그의 속성

• action
  : 입력 데이터의 전달 위치(URL) 지정 (기본값: 현재 URL)

• method
  : 입력 데이터의 전달 방식 지정 (기본값: get)

• 입력 데이터의 전달 방식
  • GET: 입력 데이터를 주소(URL)에 덧붙여서 전달
  • POST: 입력 데이터를 따로 인코딩 해서 전달

<form action="/do/action" method="get">
  ...
</form>

---

input 태그

• input 태그
  : 사용자가 데이터를 입력할 수 있는 입력 영역을 지정
  : type 속성을 지정해 다양한 형태(입력창, 버튼, 체크박스, 라디오 버튼 등)로 사용

# type(입력 양식 형태), name(input 요소 이름), value(기본 값, 초기값)

<input type="..." name="..." value="...">

---

input 태그의 type 속성

• button
  : 버튼 생성

• checkbox
  : 체크박스 입력 양식 생성

• file
  : 파일 입력 양식 생성

• hidden
  : 사용자에게 보이지는 않지만 서버에는 전송할 값 설정

• image
  : 이미지 형태의 입력 양식 생성

• password
  : 비밀번호 입력 양식 생성

• radio
  : 라디오 버튼 입력 양식 생성

• reset
  : 초기화 버튼 생성

• submit
  : 제출(전송) 버튼 생성

• text
  : 글자 입력 양식 생성

---

HTML 특수 기호

• HTML에서 제대로 표현할 수 없는 문자나 일반 키보드로 입력할 수 없는 문자는 HTML 엔티티(entity) 사용

문자	엔티티(Entity)	설명
&	& amp;	ampersand
<	& lt;	less than
>	& gt;	greater than
	& nbsp;	no-break space = non-breaking space
@	& copy;	copyright sign
§	& sect;	section sign