HTML 수업

컨트롤의 제목 - label

예제

<html>
    <head>
        <meta charset="utf-8">
    </head>
    <body>
        <form action="http://localhost/hidden.php">
            <input type="text" name="id">
            <input type="hidden" name="hide" value="egoing">
            <input type="submit">
        </form>
    </body>
</html>

 

댓글

댓글 본문
작성자
비밀번호
  1. 피자
    예제가 잘못되었네요
  2. clear
  3. Chang Yeon Lee
    왜 나만 안되나.. 하고있었는데!! label을 lable로 타이핑 했네요 하나도 빠짐없이 ㅋㅋㅋㅋ
    저같은 실수하는분이 안계시길 바라겠습니다. ㅠ

    근데 lable로 타이핑 했을대 password 부분은 클릭하면 암호를 문자로 보여주는 기능 버튼이랑 텍스트 한번에 지우는 기능이 있는 버튼이 활성화 되더라구요 이것도 한번 찾아봐야겠네요.
  4. ㅅㅈㅎ
    감사합니다!!
  5. SlowStarter
    감사합니다!
  6. 스페이스몽키
    항상 강의 감사하면서 보고있습니다.
  7. 171231 감사합니다!
  8. 푸른하늘
    6
  9. Migyeong Kang
    잘 들었습니다. 깨알사용성 중요하죠 ㅋㅋ
  10. 바람과 나무
    감사합니다.
  11. 지니
    10/18 끝
  12. 코딩은 진짜 하나도 몰랐는데,
    강의들으면서 따라해보니 너무 재밌네요 ㅠㅠ
    고맙습니다!!
  13. seungin
    예제가 hidden의 예제입니당 ㅠ ㅋ
  14. 오빠는다르다
    감사합니다~!!
  15. 아이
    감사합니다. 비공개 블로그에 퍼가도 되겠죠? 물론 출처와 함께요^^
  16. gridshim
    170830
  17. Ji-Hoon Lee
    170816 완료!
  18. 이주형
    감사합니다~!
  19. 김민쨔응
    ㅠ_ㅠ 많이 배우고 갑니다
  20. 14번째
    5.4.
  21. php가 첫취업?
    감사합니다
  22. 전전기기기
    감사합니다
  23. 임지호
    <label>은 폼태그의 이름을 지정하는 태그
    방법 두가지 1. label for=""와 이름을 지정하려는 태그 input id=""를 같은 값으로 묶어준다.
    2. 이름을 지정하려는 input태그를 label태그로 감싸준다.

    -> 이렇게 하면 label, input에 해당하는 UI 중 아무거나 클릭해도 해당 필드에 포커스가 이동한다.
    => label태그 자체로의 기능은 없지만 제목을 부여함으로써 가독성 및 정보로서의 가치를 높여주고 사용성도
    약간은 증대된다.
  24. D.JA
    DONE!
  25. 심외무별법
    감사합니다.
  26. 김종엽
    2016.08.15 완료!
  27. Ian Si Mong Seong
    수강완료
    2016.08.01
  28. 김윤아
    수강완료
  29. JustStudy
    2016.07.20 수
    고맙습니다 1.
  30. 이승민
    그렇게 중복적용이 되어도 문제는 안발생하나 보네요. ㅎㅎ
    대화보기
    • 이승민
      강의 맨 끝부분에 설명오류가 나신듯 해서 댓글 적어봅니다.

      <label for="egoing"> 아이디 : </label>
      <textarea id="egoing"></textarea>


      <label>
      아이디 : <textarea></textarea>
      </label>

      위에것과 아래것은 표현방식만 다르다는 것 같습니다.
      막판에 체크박스 설명해 주실 때, input 태그를 label 태그로 감싸시고도 id값으로 또 지정을 해주시더라고요.
      실수하신게 아닐까 합니다.

      그리고 예제파일이 전강의 hidden 것이 잘못 올라와 있네요. 강의 감사히 잘보고 있습니다 ㅎㅎ
    • 열공빡공
      열공빡공아, 당신이 몰랐던 사실!
      Label은 영어 발음으로 레이블!
      대화보기
      • 링고쥬스
        라벨이기도 하지만 사전에 음성 들어보시면 레이블로 읽어요ㅋㅋㅋ
        틀린 것이 아닙니다 ㅋ
        대화보기
        • 해앵인
          <p><lable 를 <p><label 로 고치면 될거예요^^
          대화보기
          • emma
            textarea의 경우 label영역을 클릭해도 컨트롤에 포커스가 안잡힙니다. 이럴경우 어떻게 해야하나요??

            <p><label for="comment_text">textarea</label> : <textarea name="comment" id="comment_text" cols="50" rows="10">default value

            : 확인결과 잘 잡힙니다.. 브라우저 문제가 아닐지요 :)
          • 좋은 강의 잘 들었습니다.
            감사합니다.
          • 열공빡공
            아무도 몰랐던 사실,,! label 은 레이블이 아닌 라벨!
          • SK Kim
            도장 쾅!
          • 예제파일
            <!doctype html>
            2 <html>
            3 <head>
            4 <meta charset="UTF-8"/>
            5 </head>
            6 <body>
            7 <form action="">
            8 <p>
            9 <label for="id_txt">text:</label>
            10 <input id="id_txt" name="id" type="text" value="default value"/>
            11 </p>
            12 <p>
            13 <label for="password">password:</label>
            14 <input id="password" name="pwd" type="password" value="default value"/></p>
            15 <p>
            16 <label>textarea:
            17 <textarea cols="50" rows="2">default value</textarea>
            18 </label>
            19 </p>
            20
            21 <p>
            22 <label>
            23 <input name="color" type="checkbox" value="red">붉은색
            24 </label>
            25
            26 <label for="color_blue">
            27 <input id="color_blue" name="color" type="checkbox" value="blue">파란색
            28 </label>
            29 </p>
            30 </form>
            31 </body>
            32 </html>
          • 고고
            괜찮습니다! 철썩같이 알아듣고 있습니다!
          • 단무지
            올리신 예제 파일이 hidden 파일이네요~ 수정부탁드립니다!!
            동영상 잘보고있습니다 ^^ 감사합니다
          버전 관리
          egoing
          현재 버전
          선택 버전
          graphittie 자세히 보기