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. 두드
    2021.07.20 완료
  2. Princess Tiabeanie
    20210526
  3. barozaqu
    20210513.
  4. GelandeWagen
    210511 ok
  5. 감사히 잘봣습니다
  6. label 처음 알게 되었네요 :)
  7. Minint
    2021.02.14
  8. 나그네
    좋아요~!!!
  9. 2021-02-08
  10. loveahav
    완료!
  11. 이현수
    2021.02.03(수)
  12. 엘리심
    1/29 완료
  13. 스마일가이
    2021.01.24.완료 감사합니다
  14. 아루미
    1 22 완 감사합니당
  15. 201209
  16. 코딩에미치다
    정말 좋은 정리인 것 같습니다. 도움이 많이 됐습니다ㅎㅎ
    대화보기
    • 김지원
      20.11.21
      -label태그는 특별한 기능이 있기보다는 무언가의 이름표라는 기능을 가짐.
      -각각의 label들이 누구의 이름표인지 연결시킬 필요가 있음(두가지 방법있음)
      1. <label for="id_text">text:</label>
      <input id="id_text" type="text" name="id" value="default value">
      2. <label>text:
      <input type="text" name="id" value="default value">
      </label>
      label이 잘 지정되었는지 확인하기 위해서 label로 지정된 문자를 눌러보면 커서가 박스로 이동되는걸 볼 수 있음.

      -checkbox의 경우 아래와 같이 코딩하면 박스를 누르던 붉은색을 누르던 둘다 check가 됨.
      <label>
      <input type="checkbox" name="color" value="red"> 붉은색
      </label>
    • 10/24
    • 1stclasscitizen
      2020.10.22
    • hanjong
      감사합니다!!
    • 오석민
      완료
    • wndals20
      20.09.17 이번 강의도 잘 들었습니다. 감사합니다!
    • 여니여니
      20200910 완료
    • switpotato
      20200817 완료_감사합니다!
    • 김성곤
      20200714 감사합니다!
    • 굴렁이
      <label>은 폼태그의 이름을 지정하는 태그
      방법 두가지 1. label for=""와 이름을 지정하려는 태그 input id=""를 같은 값으로 묶어준다.
      2. 이름을 지정하려는 input태그를 label태그로 감싸준다.

      -> 이렇게 하면 label, input에 해당하는 UI 중 아무거나 클릭해도 해당 필드에 포커스가 이동한다.
      => label태그 자체로의 기능은 없지만 제목을 부여함으로써 가독성 및 정보로서의 가치를 높여주고 사용성도
      약간은 증대된다.
    • 열심히사는사람
      완료
    • 한강
      오늘도 감사합니다.~!
      2005020
    • 노래하는프로그래머
      완료!
    • Mongsil
      2020.3.31 완료 감사합니다
    • 김선경
      2020-03-22 완료
    • naedo
      3.16.2020
    • 최강최고
      20/3월13일 완료
    • Charlie Kwon
      완료
    • Blanc
      2020.01.02
    • 류석현
      수강완료
    • FIRE
      20190808 완료
    • 김세종
      2019-07-11 수강완료
    • West Sea Nam
      clear!
    • 아미쓔
      label태그 보기만 봤지 실제로 어떤 영향이 있는지 잘 몰랐는데 유용할것 같네요!
    • 김주엽
      공부완료
    • 메가진주사랑
      20190405 완료
    • 장한종
      안녕하세요. 예제 소스가 잘못되어서 알려드립니다.
    • steal
      20190124 완료
    • yonchan
      190119 ok
    • 릴라야
      190119_완료
    • 한승민
      20190116 완료
    • 미완성
      20190107완료
    • Gihoon Pomme Ryu
      완료. 고맙습니다.
    • shcd
      clear!
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기