티스토리 뷰

[개발]프로그래밍/html5

[html5] form - 사용자 입력 정보 보내기

좋은 블로그 2021. 2. 1. 11:17
1. 개념
form - 사용자 입력 정보 보내기
폼은 사용자가 입력한 정보를 웹 사이트로 보낼 수 있는 모든 요소들을 말함

속성

설명

method

서버 쪽으로 어떠한 방식으로 넘겨줘야 할지를 정함

get

주소 표시줄에 입력한 내용이 보임
256byte~4096byte로 길이 제한됨

post

대부분 이 방식을 사용
입력 길이에 제한이 없음
입력한 내용이 주소 표시줄에 보이지 않음

name

폼 이름을 지정
한 웹페이지 안에서 여러 개의 <form> 태그가 있을 경우 구분을 위해 사용

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로 주소 표시줄에 표시되지 않고 길이 제한 없이 보내는 예제입니다.
저작자표시

'[개발]프로그래밍 > html5' 카테고리의 다른 글

[html5] fieldset,legend - 폼에서 그룹으로 표현  (0) 2021.02.03
[html5] label - 폼 요소 앞에 붙여 활용하기  (0) 2021.02.02
[html5] map,area,usemap - 하나의 이미지에 여러 링크 지정  (1) 2021.01.29
[html5] a - 링크와 앵커 사용하기  (0) 2021.01.28
[html5] img - 웹 브라우저에 이미지 표시  (0) 2021.01.25
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday