생활코딩

Coding Everybody

코스 전체목록

닫기

컨트롤의 제목 - 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. 미래도비
    1.5
  2. JiHyun
    23.12.19
  3. hyper text
    lable의 포괄적 의미!!
  4. 다겸란
    label 수강완료
  5. DreamBoy
    2023.09.08. HTML - 입력양식 - form - 컨트롤의 제목 - label 파트 완료했습니다.
  6. AgainstartJH
    2022년 11월 13일 일요일 학습완료!
  7. 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 완료_감사합니다!
      • 김성곤
        20200714 감사합니다!
      • 굴렁이
        <label>은 폼태그의 이름을 지정하는 태그
        방법 두가지 1. label for=""와 이름을 지정하려는 태그 input id=""를 같은 값으로 묶어준다.
        2. 이름을 지정하려는 input태그를 label태그로 감싸준다.

        -> 이렇게 하면 label, input에 해당하는 UI 중 아무거나 클릭해도 해당 필드에 포커스가 이동한다.
        => label태그 자체로의 기능은 없지만 제목을 부여함으로써 가독성 및 정보로서의 가치를 높여주고 사용성도
        약간은 증대된다.
      버전 관리
      egoing
      현재 버전
      선택 버전
      graphittie 자세히 보기