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. 코딩에미치다
    정말 좋은 정리인 것 같습니다. 도움이 많이 됐습니다ㅎㅎ
    대화보기
    • 김지원
      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 완료
    • 3.16.2020
    • 최강최고
      20/3월13일 완료
    • Charlie Kwon
      완료
    • 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!
    • 김민영
      완료
    • 피자
      예제가 잘못되었네요
    • clear
    • Chang Yeon Lee
      왜 나만 안되나.. 하고있었는데!! label을 lable로 타이핑 했네요 하나도 빠짐없이 ㅋㅋㅋㅋ
      저같은 실수하는분이 안계시길 바라겠습니다. ㅠ

      근데 lable로 타이핑 했을대 password 부분은 클릭하면 암호를 문자로 보여주는 기능 버튼이랑 텍스트 한번에 지우는 기능이 있는 버튼이 활성화 되더라구요 이것도 한번 찾아봐야겠네요.
    • ㅅㅈㅎ
      감사합니다!!
    • SlowStarter
      감사합니다!
    • 스페이스몽키
      항상 강의 감사하면서 보고있습니다.
    • JN87
      171231 감사합니다!
    • 푸른하늘
      6
    • Migyeong Kang
      잘 들었습니다. 깨알사용성 중요하죠 ㅋㅋ
    • 바람과 나무
      감사합니다.
    • 지니
      10/18 끝
    • SSem
      코딩은 진짜 하나도 몰랐는데,
      강의들으면서 따라해보니 너무 재밌네요 ㅠㅠ
      고맙습니다!!
    • seungin
      예제가 hidden의 예제입니당 ㅠ ㅋ
    • 오빠는다르다
      감사합니다~!!
    버전 관리
    egoing
    현재 버전
    선택 버전
    graphittie 자세히 보기