양식 <form> 태그

• 사용자에게 입력을 받을 때 form 태그를 사용해 여러 용도의 입력을 받을 수 있다.
• 블록 형식 (선택지가 있는 박스들중 선택) 과 인라인(정해진 영역안에 직접 입력) 형식으로 구분된다.
• method 속성에 post, get을 넣어 사용 가능하다.
• 웹상에서 모든 입력방식이 form의 input태그를 사용하는 것은 아니다. Java Script를 통해서도 구현 가능하다.

 

 

---

<form> 의 속성

<form method = post>

주소 변경 없이, 별도로 데이터를 전송한다.

직접적인 정보 노출이 없고, 데이터 용량제한이 없다는 특징이 있다.

 

파일 형식의 데이터를 전달하려면 <form method = "post">를 사용해야한다

 

<form method = get>

 

주소에 데이터를 입력해서 전달한다. 그렇기 때문에 크기가 한정되어 있고 정보 노출 가능성이 크다.

method 입력을 생략하면 기본으로 get이 사용된다.

 

---

자주 함께 사용되는 태그들

 

<input type= text,file,checkbox..., name = "이름" , value = "초기값"> 

type은 꼭 필요한 속성이고, 기본은 text이다. 속성 종류에 따른 값을 입력받는다.

reset type 사용시 같은 <form> 태그 내의 모든 값들을 초기값으로 바꾼다.

 

<textarea cols/rows = '숫자'> : 여러 행에 입력할 수 있는 칸을 만든다

 

<select> 선택 양식을 생성한다.

<option> 선택 양식 내에 옵션을 생성한다. value 속성을 지정하지 않으면 태그 내의 글자 값을 서버로 전달한다.

<optgroup> 옵션들을 그룹화한다.

---

 

끝

 

실습하면서 <form> 의 action 속성도 사용하지 않았는데, 따로 지정하지 않으면 같은 url을 호출한다고 한다.

 

html 파일이름에 띄어쓰기가 들어가면 실행이 안될 수도 있다는 것도 알아냈다.