html/css 독학하기

코스 전체목록

닫기

컨트롤의 제목 - 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. kdb5869
    label 태그 - 상호작용 요소에 이름을 붙일때 사용
    - for 속성과 상호작용 요소 id 속성을 같은 값으로 설정
    - for 속성을 쓰지 않더라도 label로 상호작용 요소를 감싸면서 사용가능

    24.04.23
  2. 마우스오른쪽버튼
    완료
  3. 미래도비
    1.5
  4. JiHyun
    23.12.19
  5. hyper text
    lable의 포괄적 의미!!
  6. 다겸란
    label 수강완료
  7. DreamBoy
    2023.09.08. HTML - 입력양식 - form - 컨트롤의 제목 - label 파트 완료했습니다.
  8. AgainstartJH
    2022년 11월 13일 일요일 학습완료!
  9. egoing
    <input type="hidden" name="hide" value="egoing">
    위의 코드는 서버로 전송될 때 hide라는 이름으로 egoing이라는 값이 전송되게 됩니다. value 속성이 있으면 기본 값으로 egoing 이라는 값이 입력됩니다.

    value 속성이 있고 없고의 차이는 아래 예제를 참고해주세요.
    https://jsbin.com......put
    대화보기
    • 빨간마요네즈
      공부하다보니 id, name, value 개념이 좀 이해가 안가는데 쉽게 설명해주실 수 있나요?

      인터넷 검색해보니 다들 똑같은 설명만 해놓아서 이해가 되질 않습니다.

      특히 id랑 name이 어렵네요.
    • yuyu
      220922 Day2 완료
    • vigorously27
      2022년 7월 14일 학습완료!
    • 이슬유치원
      22.6.22 무언가의 이름이다. 컨트롤의 제목 - label
    • eunbee
      22-05-06
    • G.I.R.O
      22.04.18 완료
    • INJE
      22/03/07
    • 중딩 개발자
      2022 2 10 완
    • 임앤강
      2022-01-26 감사합니다.
    • 강수빈
      22.1.17 수강완료 감사합니다.
    • jjy_lee2468
      21.12.29 수강완료
    • syh712
      2021-12-21
      클릭 가동 범위 확장
      <label>
      <input type="checkbox" name="color" value="red">붉은색
      </label>
    • 코딩혁명
      2021.11.13수강완료. 감사합니다.
    • 드림보이
      2021.11.05. 컨트롤의 제목 -label 태그 파트 수강완료
    • 황금아가리
      211002
    • 김큼이
      20210915완료
    • overmatch
      20210821 완료
    • 란찬
      =)
    • 두드
      2021.07.20 완료
    • Princess Tiabeanie
      20210526
    • barozaqu
      20210513.
    • GelandeWagen
      210511 ok
    • 짜rr
      감사히 잘봣습니다
    • yogg
      label 처음 알게 되었네요 :)
    • Minint
      2021.02.14
    • 나그네
      좋아요~!!!
    • dypar
      2021-02-08
    • loveahav
      완료!
    • 이현수
      2021.02.03(수)
    • 엘리심
      1/29 완료
    • 스마일가이
      2021.01.24.완료 감사합니다
    • 아루미
      1 22 완 감사합니당
    • 201209
    • 코딩에미치다
      정말 좋은 정리인 것 같습니다. 도움이 많이 됐습니다ㅎㅎ
      대화보기
      • 김지원
        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
      • 오석민
        완료
      • wndals20
        20.09.17 이번 강의도 잘 들었습니다. 감사합니다!
      • 여니여니
        20200910 완료
      • switpotato
        20200817 완료_감사합니다!
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기