생활코딩

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. Ji-Hoon Lee
    170816 완료!
  2. 이주형
    감사합니다~!
  3. 김민쨔응
    ㅠ_ㅠ 많이 배우고 갑니다
  4. 14번째
    5.4.
  5. php가 첫취업?
    감사합니다
  6. 전전기기기
    감사합니다
  7. 임지호
    <label>은 폼태그의 이름을 지정하는 태그
    방법 두가지 1. label for=""와 이름을 지정하려는 태그 input id=""를 같은 값으로 묶어준다.
    2. 이름을 지정하려는 input태그를 label태그로 감싸준다.

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

      <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 자세히 보기