HTML 수업

입력양식 - form

 

예제

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

등장시기

html2

댓글

댓글 본문
  1. 미뎡
    1/5
  2. 201209
  3. 김지원
    20.11.21 ps.들여쓰기 할때 지정한후 tap키누르기.
    -아이디:<input type="text"> 아이디를 문자로 칠 수 있는 박스가 생김
    -비밀번호:<input type="password" 비밀번호를 치면 00000이런식으로 몇글자를 쳤는지 나타내줌
    비밀번호를 그냥 text로 코딩하면 글자가 그대로 나오기 때문에 안됨.
    -그냥 이렇게 할 경우 예쁘게 나타나지 않음 따라서 p태그를 이용하여 묶어줌
    <p>아이디: <input type="text"> </p>
    <p>비밀번호: <input type="password"</p>
    -<p> <input type="submit" </p> 제출버튼을 만들어줌
    - form으로 묶기
    -<form action="http://localhost/login.php"> 이 주소로 로그인 정보가 넘어가는 것
    - 데이터를 혼동되지 않게 각각의 이름을 입력
    <p>아이디: <input type="text" name="id"> </p>
    <p>비밀번호: <input type="password" name="pwd"</p>
  4. 켄드릭
    2020.10.28(수) 15:50 1차 학습완료
  5. 만듀
    1027
  6. 10/24
  7. 1stclasscitizen
    2020.10.21
  8. 2020.10.20 완료
  9. 오석민
    완료
  10. adventist21
    20200928 항상 감사합니다.
  11. wndals20
    19.09.17 이번 수업도 잘 들었습니다. 감사합니다!
  12. cancoding
    감사합니다.진심으로 감사합니다.
  13. 여니여니
    20200909 고양이의 날에 완료!
  14. switpotato
    20200817 완료
  15. 최희란
    20200812감사합니다!
  16. 김성곤
    20200713 감사합니다!
  17. 김준석
    완료
  18. 굴렁이
    input type
    text : 문자
    password : 비밀번호 ****으로 표시된다
    submit : 전송

    name : 해당 input이 무엇을 나타내는지 알려주는 이름
  19. 김예훈
    완료
  20. 1001번째 봤어요
    옛날에 봤던거 다시 봅니다!
  21. 20/05/22 감사합니다 도움무척됩니다!
  22. 한강
    오늘도 감사합니다~~ :)
    200519
  23. 열심히사는사람
    완료
  24. Mongsil
    2020.03.31 완료 감사합니다 ^^
  25. 김선경
    2020-03-21 완료
  26. 최강최고
    20/3월13일 완료
  27. 사용자가 입력한 정보를 서버로 전송하기
    <form></form>태그 생성 전체 감싸기
    속성 action="form을 전송할 php서버?어플리케이션?"
    <form>태그 안 형식 <input태그> 닫히는태그 존재X
    속성 type(형식)= text또는 password 또는 submit
    속성 name(고유이름)=id, pwd, adress
    제출 버튼입력 <input type="submit">
  28. ㅠㅠ
    코드 복붙해도 제 노트북에선 제출 누를 때 localhost에서 연결을 거부했습니다.라고 떠요 왜 그런건가요?? 개발환경은 atom에 chrome으로 동일합니다
  29. Charlie Kwon
    완료
  30. opper
    2020.1.6 수업완료
  31. Blanc
    2020.01.02
  32. BCITS
    20191213수강완료
  33. 새창으로듣는학생
    이번 강좌는 새창으로 열기가 아래에 있어요 x)

    없나 해서 당황했다가 발견했네용!
    강좌 잘 보고 있습니다. 감사해요 :)
  34. 정홍
    완료
  35. Grigo
    완료
  36. 비전공프로그래머
    910 수강완료
  37. 생활코딩
    2019.08.06 완료
  38. FIRE
    20190803 완료
  39. 김세종
    2019-07-11 수강완료
  40. creed
    190630 감사합니다.
  41. 제2지대
    완료
  42. 띤뚜
    감사합니다!
  43. 심승경
    웰케 재밋지...
  44. 黒田
    とても面白い講義だと思います。
  45. 김주엽
    공부완료
  46. 코코코
    좋아요
  47. 코딩초보
    발표해야하는데 어떡해 해야하나요?
  48. pia2011
    감사합니다.
  49. 모선
    19.04.09
    웹코딩 1도 몰랏는데 너무 강의를 쉽게쉽게 해주셔서 용기가 생겨요
    지금 이렇게 입력하는 창도 저런 태그를 썼겠지 생각해보면 또 신기하구요ㅋㅋ
    계속 쭉 강의 들을게요!!
    이런 좋은강의 해주셔서 너무 감사합니다.
  50. Amber
    2019/02/08완료
    로그인 하는 페이지를 만들수 있다는게 인상깊어요
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기