[HTML] HTML 폼 만들기
- 웹 프로그래밍/HTML
- 2020. 12. 12. 00:00
안녕하세요.
오늘은 HTML에서 폼 만드는 방법에 대해서 알아 보려고 합니다.
가장 기본적으로 로그인 하는 폼을 만들어 보려고 하는데요.
로그인 폼에는 기본적으로 아이디, 비밀번호를 입력하는 컨트롤들이 있어야 겠죠?
이런 컨트롤들 또한 HTML을 이용하여 모두 작성이 가능한데요.
바로 예제 코드를 통해서 확인해 보도록 하겠습니다.
참고로, 저는 모든 HTML 공부를 생활코딩 사이트에서 하고 있다는점! 참고해주세요~~
예제 코드
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html>
<head>
<title>HTML 제목 - 범범조조</title>
<meta charset="utf-8">
</head>
<body>
<h1>로그인 폼 만들기</h1>
<form action="http://localhost/login.php">
<p>아이디 : <input type = "text" name="ui_id"></p>
<p>비밀번호 : <input type = "password" name="ui_pwd"></p>
<p>주소 : <input type="text" name="ui_address"></p>
<input type = "submit">
</form>
</body>
</html>
|
cs |
실행 결과
위와 같이 “제출” 버튼을 누르게 되면, 해당 action 으로 지정한 url로 이동하여 그 뒤에는 아이디, 비밀번호, 주소 값이 뒤에 붙어서 같이 전송되는 것을 확인하실 수 있습니다.
감사합니다.^^
728x90
'웹 프로그래밍 > HTML' 카테고리의 다른 글
| [HTML] HTML 폼 태그 – Select 박스(콤보박스) 만들기 (0) | 2020.12.14 |
|---|---|
| [HTML] HTML 폼 태그 – 텍스트 입력하기 (0) | 2020.12.13 |
| [HTML] HTML 테이블 만들기 (0) | 2020.12.11 |
| [HTML] HTML img 태그 – 이미지 태그 (0) | 2020.12.10 |
| [HTML] HTML br 태그 – 줄 바꿈 태그 (0) | 2020.12.09 |
