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

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

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

    3. autofocus : 특정 <input>태그에 입력해두면 사용자가 페이지에 접속시 해당 태그를 오토포커스 해줌.
  47. 푸른하늘
    7
  48. 바람과 나무
    감사합니다.
  49. 이성준
    감사합니다
  50. 오빠는다르다
    감사합니다~!!!!
버전 관리
egoing
현재 버전
선택 버전
graphittie 자세히 보기