<html> 라벨

    <label>


    폼 요소에 레이블을 붙이기 위한 테그이다.

     

    <lanel [속성='속성 값']> 레이블 <input...> </label>

     

    사용법

    <label>아이디<input type="text"></label>

    첫 번째 방법은 <label>테그 안에 폼 요소를 넣는 것이다.

     

    <label for="user_id">아이디</label>
    <input type="text" id="user_id">

    두 번째 방법은 <label>요소와 폼 요소를 따로 사용하고 <label> 테그에서는 for 속성을 이용하고 폼 요소에서는 id 속성을 이용해 서로 연결하는 방법이다.

     

     

    사용하는 이유

    라이도 박스나 체크 박스 경우, 핸드폰 사용자가 누르기엔 너무 작은 버튼이다.

    그러나 라벨로 감싸져 있다면, 텍스트를 눌러도 감싸져있는 라벨의 input이 작동 될 수 있기 때문에 사용자의 편의성이 높아진다.

    이는 핸드폰 뿐만 아니라 pc에서도 활용된다.

    반응형

    'Computer > 기타' 카테고리의 다른 글

    [톰캣] MultiPart 설정하기  (0) 2021.04.28
    [html] input 테그  (0) 2021.04.13
    [html] 링크 만들기  (0) 2021.04.13
    [html] 링크 만들기  (0) 2021.04.13
    [유튜브] 빅데이터란 무엇인가?  (0) 2020.10.20

    댓글

    Designed by JB FACTORY