GET 방식 – 클라이언트에서 서버로 전달하는 데이터를 URL
주소 뒤쪽에 변수명과 데이터를 붙여서 전송. 보내는
데이터의 양이 적을 때 사용.
POST 방식 – 클라이언트에서 서버로 전송하는 데이터를
FORM 안에 담아서 전달하며 데이터의 양이 많을 때 사용.
name=“폼명”
폼명을 지정하는 속성으로, 하나의 웹 페이지에 여러 개의 폼이 있는 경우
각각의 폼을 구분하기 위해 사용한다.
method=“전송 방식”
폼 입력 데이터의 서버 전송 방식을 지정하는 속성으로. GET방식과
POST 방식이 있고 기본값은 GET 방식이다.
action=“프로그램명”
폼 입력 데이터를 처리할 서버용 프로그램(CGI, ASP, PHP 등)을 지정하
는 속성으로, 서버와 사용자 간의 상호 정보 교환을 실행한다.
novalidate ‘유효성 검사 안함’을 지정한다.(기본값: ‘유효성 검사 함’)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form name="theform" method="GET" action="register.php">
<label for="name">이름 : </label>
<input type="text" name="name" id="name"><br>
<label for="studno">학번 : </label>
<input type="text" name="studno" id="studno"><br>
<label for="pwd">비번 : </label>
<input type="password" name="passowrd" id="pwd"><br>
</form>
</body>
</html>
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>로그인 폼 만들기</title>
</head>
<body>
<h1>로그인 폼 만들기</h1>
<form name="login" method="POST" action="login.html">
<label for="id">아이디 : </label>
<input type="text" name="id" id="id" size="8" placeholder="아이디 입력"><br>
<label for="pw">암 호 : </label>
<input type="password" name="pw" id="pw" size="8" placeholder="암호 입력"><br>
<input type="button" name="loginBtn" id="loginBtn" value="로그인">
<input type="button" name="joinBtn" id="joinBtn" value="회원가입">
</form>
</body>
</html>
input type="text"에서 placeholder는 빈칸에 입력 전에 텍스트를 표현해준다.
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] filedset으로 묶어서 사용해보기 (0) | 2020.07.28 |
|---|---|
| [HTML] radio box, check box 사용하기 (0) | 2020.07.28 |
| [HTML] table에서 thead, tbody, tfoot 사용해 보기 - 2 (0) | 2020.07.27 |
| [HTML] table에서 thead, tbody, tfoot 사용해 보기 - 1 (0) | 2020.07.27 |
| [HTML] <table> 태그 사용해보기 - 2(colgroup) (0) | 2020.07.27 |
