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

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

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

    3. autofocus : 특정 <input>태그에 입력해두면 사용자가 페이지에 접속시 해당 태그를 오토포커스 해줌.
  40. 푸른하늘
    7
  41. 바람과 나무
    감사합니다.
  42. 이성준
    감사합니다
  43. 오빠는다르다
    감사합니다~!!!!
  44. 이주형
    감사합니다~!^_^
  45. auto를 uto라고 쓰셨네여
    6분40초 쯤에 오타
  46. 리지
    완전 재밌게 잘 가르쳐주셔요!! 감사합니다
  47. sang
    very good tutorial!
  48. 14번째
    5.14.
  49. php가 첫취업?
    하루만에 독파
  50. 문돌이
    autocomplete기능과 관련 질문입니다..ㅠ

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

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

    좋은 강의 감사드립니다^^
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기