Web/HTML

[html] <input type="text,password,submit">, <form action ="주소">

뉴비뉴 2019. 1. 21.

사용자로부터 입력받을 수 있는 칸을 만들어줘야한다.

<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 에 적어줬던 이름으로 전송된다.

[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

댓글