HTML에서 입력을 받을 때 사용하는 태그

기본적으로 HTML에서 사용자의 입력을 받을 경우 <form>태그를 중첩 사용하고 속성값 action=”주소”를 이용해 입력받은 데이터를 서버로 보낼 수 있다. 예시 : <form action=”http://localhost/some.php”></form>

그 안에서 이제 입력받을 때의 사용할 태그는 <input>이다.

쉽게 로그인 창에는 아이디 입력과 패스워드 입력과 제출 버튼이 필요하다.

코드는 이러하다

<주의> input은display속성이 block이 아니기 때문에 p태그로 감싸서 일정한 간격을 차지하도록 한다</주의>

<form action="https://localhost.login.php">
 <p> ID : <input type="text" name="id"></p>
 <p> PASSWORD : <input type="password" name="pwd"></p>
 <input type="submit">
</form>

1. name은 서버로 정보를 보낼 때 분류해주는 값이다.
2. PASSWORD 입력시 type을 password로 하면 입력할 때에도 입력값을 가려준다.
3. 제출 버튼은 type의 submit값으로 간단하게 만들 수 있다.