사용자로부터 입력받을 수 있는 칸을 만들어줘야한다.
<html>
<body>
<p>아이디 : <input type="text"></p>
<p>비밀번호 : <input type="text"></p>
</body>
</html>
위와 같이 타이핑하면 아래와 같이 화면에 출력되게 된다.
여기서 비밀번호를 입력하면 그대로 노출되므로 input type= 안에있는 "text"를 "password"
로 변경해주면 홈페이지에서 패스워드 입력 할 때 처럼 보안처리가 된다.
ex) <input type="password">
추가로 버튼을 만들어줘야되는데 제출이라는 버튼을 만들 땐
ex) <input type="submit">
결과는 아래와 같다.
<form action ="http://localhost/login.php">
사용자가 입력한 정보를 DB나 필요한 곳으로 전송할 때 사용할 수 있다.
하지만 전송 될 때 아이디나 비밀번호나 구분할 수 있는 것이 없기 때문에
<p> 아이디 : <input type="text" name="id"></p>
<p> 비밀번호 : <input type="password" name="pwd"></p>
<p> 주소 : <input type="text" name="address"></p>
위와 같이 변수명처럼 지정해주면 form action 에 지정 된 주소로 값을 전송 할 때 아래와 같이
name 에 적어줬던 이름으로 전송된다.
'Web > HTML' 카테고리의 다른 글
| [html] form <option> 콤보박스, <select> (0) | 2019.01.21 |
|---|---|
| [html] <textarea cols="" rows="">, value="default value (0) | 2019.01.21 |
| [html] index.html (0) | 2018.03.03 |
| [html] <h1,2,3> <header> <nav> <article> (0) | 2018.02.28 |
| [html] <a href 속성명 = " 속성 값 ">, target="_blank", self (0) | 2018.02.26 |
댓글