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

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

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

    3. autofocus : 특정 <input>태그에 입력해두면 사용자가 페이지에 접속시 해당 태그를 오토포커스 해줌.
  45. 푸른하늘
    7
  46. 바람과 나무
    감사합니다.
  47. 이성준
    감사합니다
  48. 오빠는다르다
    감사합니다~!!!!
  49. 이주형
    감사합니다~!^_^
  50. auto를 uto라고 쓰셨네여
    6분40초 쯤에 오타
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기