개발 노트

Html form 코드 연습 1 본문

프로그래밍/Html

Html form 코드 연습 1

알 수 없는 사용자 2022. 5. 30. 16:14

아이디 <input type="text"> 아이디를 입력할수있는 박스가 생김

비밀번호 <input type="password"> 비밀번호를 안보이게 몇글자 쳤는지 나타냄

이렇게  text로 입력하면 글자가 그대로 나오기 때문에 "password"를 써준다

<input type="submit"> 제출 버튼을 만들어 준다 

<form action ="http:OOOO.OOO">  입력한 주소로 로그인 정보가 넘어가는 것

아이디: <input type="text" name="id">  비밀번호: <input type="password" name="pwd"

넘어가는 데이터가 혼동되지 않게 아이디에는 name="id" 비밀번호에는 name="pwd"를 입력해준다.

 

<html>
  <body>
    <form action="http://localhost/login.php">
      <p>아이디:<input type="tetx" name="id" /></p>
      <p>비밀번호:<input type="password" name="pwd" /></p>
      <p>주소:<input type="tetx" name="address"</p>
      <input type="submit" />
    </form>
  </body>
</html>

form.html
0.00MB

 

'프로그래밍 > Html' 카테고리의 다른 글

html form 태그 연습 5  (0) 2022.05.30
html form 태그 연습 3  (0) 2022.05.30
Html P태그를 배워보자  (0) 2022.05.30
Html 이미지 태그를 연습해보자  (0) 2022.05.30
Html 각자 링크 걸어주기  (0) 2022.05.30