HTML 수업

HTML5 입력양식의 속성들

예제

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="login.php" autocomplete="on">
            <input type="text" name="id" placeholder="id를 입력해주세요." autofocus>
            <input type="password" name="password" autocomplete="off" placeholder="비밀번호를 입력해주세요.">
            <input type="submit">
        </form>
    </body>
</html>

 

댓글

댓글 본문
  1. vigorously27
    2022년 7월 15일 학습완료!
  2. 22/03/10
  3. jjy_lee2468
    22.01.10수강완료
  4. commonerd
    2021-12-21
    <form action="login.php" autocomplete="on">
    <input type="text" name="id" placeholder="id를 입력해주세요." autofocus>
    <input type="password" name="password" autocomplete="off" placeholder="비밀번호를 입력해주세요.">
    <input type="submit">

    => 오토컴플리트 기능, 플레이스홀더 기능, 오토포커스 기능,
  5. 드림보이
    2021.11.09. HTML5 입력양식의 속성들 파트 수강완료
  6. 김큼이
    20210916완료
  7. 두드
    2021.07.20 완료
  8. Princess Tiabeanie
    20210527
  9. GelandeWagen
    210515 thank you!
  10. barozaqu
    20210513.
  11. SHOWU
    곧.....
  12. 짜rr
    감사히 잘봣습니다
  13. coding_prince
    감사합니다.
  14. yogg
    autofocus 좋네요 ~~~~
  15. Minint
    2021.02.25
  16. loveahav
    완료!
  17. 201212
  18. 티치
    20.12.12
  19. Seunghyuk Rodrigo Kim
    감사합니다
  20. miracle73
    열심히 따라가고 있습니다.
    감사합니다.
  21. 10/28
  22. 1stclasscitizen
    2020.10.26
  23. 오석민
    완료
  24. 박병진
    정말감사합니다.!
  25. 여니여니
    20200912 완료! 감사합니다:)
  26. Lee Seulgi
    감사합니다. : )
  27. 김성곤
    20200715 감사합니다!
  28. 열심히사는사람
    autofocus autocomplete placeholder 완료
  29. 한강
    autofocus, autocomplete, placeholder 잘 배웠습니다.^^!
    200525
  30. Mongsil
    2020.04.01 완료 감사 합니다!
  31. 김선경
    2020-03-24 완료
  32. 최강최고
    20/3/13 완료
  33. Charlie Kwon
    완료
  34. Blanc
    2020.01.03
  35. 코딩독학
    19.09.15 완료, 좋은 강의 감사합니다!
  36. FIRE
    20190813 완료
  37. 김세종
    2019-07-13 수강완료
  38. 김주엽
    공부완료
  39. 김다영
    수강완료하였습니다.
  40. hoook
    190311 완료
  41. 한승민
    190129 완료
  42. ng941212
    완료
  43. 미완성
    20190107완료
  44. Gihoon Pomme Ryu
    완료. 고맙습니다.
  45. 김민영
    완료
  46. 김민영
    완료
  47. tianma
    감사합니다
  48. 스페이스몽키
    감사합니다!
  49. 백경
    감사합니다 잘 봤습니다~
  50. JN87
    180101 감사합니다!

    <input> 태그의 속성들
    1. autocomplete="on/off" : 사용자가 한 번 입력했던 정보를 기억한 뒤, 자동완성 시켜주는 기능
      만일 모든 <input>태그들에 동일하게 적용하려면 상위 태그인 <form>태그에 on으로 적용후
      필요할 경우 특정 <input>태그에만 off로 설정

    2. placehorder="내용" : 입력창에 디폴트값으로 내용을 표시, 사용자가 직접 입력시 해당 내용은 사라짐.

    3. autofocus : 특정 <input>태그에 입력해두면 사용자가 페이지에 접속시 해당 태그를 오토포커스 해줌.
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기