[개발]프로그래밍/html5
[html5] form - 사용자 입력 정보 보내기
좋은 블로그
2021. 2. 1. 11:17
1. 개념
form - 사용자 입력 정보 보내기
폼은 사용자가 입력한 정보를 웹 사이트로 보낼 수 있는 모든 요소들을 말함
|
속성 |
설명 |
|
method |
서버 쪽으로 어떠한 방식으로 넘겨줘야 할지를 정함 |
|
get |
주소 표시줄에 입력한 내용이 보임 |
|
post |
대부분 이 방식을 사용 |
|
name |
폼 이름을 지정 |
|
action |
어떤 서버 프로그램으로 해야 할지를 정함 |
|
target |
어떠한 창에서 열리도록 정함 |
2. 태그
form
html5 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
<!
DOCTYPE
html>
<html lang
=
"kr"
>
<head>
<meta charset
=
"utf-8"
>
<title>
키보드와 하루
</title>
</head>
<body>
1
<form name
=
"test_form"
action
=
"test.php"
method
=
"post"
target
=
"_blank"
>
<input type
=
"text"
>
<input type
=
"submit"
value
=
"찾기"
>
</form>
</body>
</html>
|
결과 화면
코드 설명
1
<form name
=
.......
>
위에서 보이는 태그는 form이라는 태그를 설명하기 위해 간단히 작성한 태그입니다.
name을 써놓고 test.php라는 php 서버 프로그램에 텍스트에서 입력된 값을 던져주라는 의미입니다.
그리고 taget은 _blank라고 해서 새로운 탭이나 창을 열어서 test.php 라는 페이지를 불러오게 됩니다.
method는 post로 주소 표시줄에 표시되지 않고 길이 제한 없이 보내는 예제입니다.
name을 써놓고 test.php라는 php 서버 프로그램에 텍스트에서 입력된 값을 던져주라는 의미입니다.
그리고 taget은 _blank라고 해서 새로운 탭이나 창을 열어서 test.php 라는 페이지를 불러오게 됩니다.
method는 post로 주소 표시줄에 표시되지 않고 길이 제한 없이 보내는 예제입니다.