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. 바람과 나무
    감사합니다.
  2. 이성준
    감사합니다
  3. 오빠는다르다
    감사합니다~!!!!
  4. 이주형
    감사합니다~!^_^
  5. auto를 uto라고 쓰셨네여
    6분40초 쯤에 오타
  6. 리지
    완전 재밌게 잘 가르쳐주셔요!! 감사합니다
  7. very good tutorial!
  8. 14번째
    5.14.
  9. php가 첫취업?
    하루만에 독파
  10. 문돌이
    autocomplete기능과 관련 질문입니다..ㅠ

    1. chrome에서 autocomplete 기능을 설정하지 않았음에도 불구하고 자동으로 채워지는데요.
    이 때 채워지는 아이디와 비밀번호는 예전 localhost/phpmyadmin에서 자동 등록했던 아이디와 비밀번호 입니다.
    다른 URL에서도 원래 자동으로 채워지는 이유가 궁금합니다.

    2. form에서 autocomplete 기능을 on하고 비밀번호의 경우 off했을 경우에도
    비밀번호가 계속 채워지는 현상은 어떻게 막아야 하는지 궁금합니다.

    좋은 강의 감사드립니다^^
  11. 해커가꿈인사람
    2016.12.20 강의수강완료
  12. 임지호
    입력폼의 새로운 속성들
    - 자동완성기능 : <form autocomplete="on">을 하면 예전의 입력받았던 값들을 브라우저가 기억해 다음에는
    자동으로 완성해준다. (부분적으로 이 기능을 끄고 싶다면 해당하는 input태그의 autocomplete값을 off하면 됨)
    - 자동포커싱기능 : 웹페이지가 떴을 때 포커싱이 갔으면 하는 부분이 있다면 그 input태그에 autofocus속성 추가
  13. 지선
    너무감사합니다 ㅠㅠ
  14. D.JA
    DONE!
  15. 심외무별법
    감사합니다. 잘보고 있습니다.
  16. 갤럭시
    감사합니다~
  17. 김종엽
    2016.08.24 완료!
  18. Daehyeop Ko
    굳!!
  19. wonhee lee
    깨알같이 괜찮네요!
  20. 김상명
    기능재부 감사합니다.
  21. Ian Si Mong Seong
    수강완료
    2016.08.01
  22. 이승민
    그렇지만 저희에겐 atom이란 훌륭한 도구가 있지요. 자동으로 추천해주는 기능이 참 좋네요 ㅎ
    대화보기
    • wookim
      이번건 재미있네요~
      그런데 재밌는 것의 속성은 기억하지 못하고 이론만 기억에 남네요...
    • 링고쥬스
      추가 되는 기능 너무 재미있는데요 ~^^
    • joo0914krs
      감사합니다.
    • 강상모
      5넘어오면서 유용한게 많네요 ㅋ
    • 구글 검색엔진최적화를 보고 쭉달려서 조금 지루하던 참이였는데 이번건 재밌네요 ㅋㅋㅋ
      평소에 보던거라 이걸 내가해보다니하는 마음에 신기한거같아요
    • 빨강머리앤
      유익한 강의 감사합니다.
    • 좋은 강의 잘 들었습니다.
      감사합니다.
    • cham
      좋은강의 해주셔서 감사합니다~
    • 고고1
      우왕 넘 신기하네요~~!!!
    • 조상욱
      이 페이지에 처음 댓글을 남기게 되서 영광입니다 ^^ HTML에 대해 전반적인 view를 가지게 되는데 정말 큰 도움이 된 것 같습니다.
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기