HTML5 form – 1 (로그인 창 만들기)

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값으로 간단하게 만들 수 있다.

 

————————————————–

사이트 리뉴얼중입니다~

서버(Linux, ESXi), NAS(헤놀로지, ESXi 및 IT관련 정보, 기타 등등을 공유하는 커뮤니티 SVRFORUM을 새로 만들었습니다.
많은 가입(?) 부탁드립니다~
https://svrforum.com

이전글들은 모두 상단 메뉴의 Blog 글 모음에있습니다!

One thought on “HTML5 form – 1 (로그인 창 만들기)”

답글 남기기

이메일 주소는 공개되지 않습니다. 필수 필드는 *로 표시됩니다

홈서버 IT 커뮤니티 SVRFORUM
Link