form은 사용자의 데이터를 서버에 전송하는 방법이다.
문법
<form action="서버로 전송한 데이터를 수신할 URL" method="데이터를 전송하는 방법">
텍스트 필드, 라디오 버튼, 체크박스와 같은 컨트롤을 생성하는 태그
</form>
- action: 사용자가 입력한 데이터를 전송할 서버의 URL
- method : 사용자가 입력한 데이터를 전송하는 방법
* get : action에 입력한 url에 파라미터의 형태로 전송
* post : header의 body에 포함해서 전송
텍스트 입력은 사용자로부터 텍스트를 입력받는다. 한줄 정도의 단문에 적당하고 긴 줄의 텍스트는 <textarea>를 이용한다.
문법
<input type="text" name="값의 이름" value="값" disabled="disabled" readonly="readonly"/>- type : text를 사용해야할 텍스트 필드가 됨.
- name : 입력한 데이터의 이름
- value : 데이터의 값. 입력한 데이터의 기본 값으로 이 값이 기본적으로 텍스트 필드에 표시됨.
- disabled : 값으로 disabled를 지정하면 텍스트 필드가 불능 상태가 됨. 서버로 전송해도 이 속성이 설정된 컨트롤의 데이터는 서버로 전송되지 않음.
- readonly : 값으로 readonly를 지정하면 텍스트에 값이 입력되지 않음. 서버로는 데이터 전송됨.
예제
<!DOCTYPE html>
<html>
<head>
<title>네이버</title>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
</head>
<body>
<form action="url" method="GET">
아이디 :
<input type="text" name="id" />
<br />
<input type="submit" />
</form>
</body>
</html>
예제 설명
예제를 html 파일에 코딩하여 실행하면 아래 그림과 같은 웹페이지가 나온다.
아이디 : 옆에 텍스트박스를 통해 글을 작성할 수 있고, 아래 제출 버튼을 누를수 있다. 제출버튼에 대한 코딩이 없으므로 눌러도 값이 전송되진 않는다.
'Programming > HTML' 카테고리의 다른 글
| 라디오 버튼 (0) | 2017.12.11 |
|---|---|
| 비밀번호, hidden data, textarea (0) | 2017.12.11 |
| head, meta, title (0) | 2017.12.11 |
| 표 (0) | 2017.12.11 |
| 이스케이핑 (0) | 2017.12.11 |
꼴통보안인