HTML & CSS

[HTML][CSS] form 태그, label태그

권군이 2020. 12. 25. 12:45

1. form 태그

: 입력 필드 전체를 감싸는 태그

 

    <form action="./login.jsp" method="get">
        <input type="text" id="id" placeholder="아이디"><br>
        <input type="password" id="pw" placeholder="비밀번호">
    </form>

 

-action : 데이터를 서버로 보낼 때 해당 데이터가 도착할 URL

-method: GET,POST방식이 존재함. (아직 잘모른다)

 

 

 

2. label 태그

: input태그로 된 입력창을 설명하는 태그

 

    <form action="./login.jsp" method="get">
        <label for="id">아이디</label>
        <input type="text" id="id" placeholder="아이디"><br>
        <label for="pw">비밀번호</label>
        <input type="password" id="pw" placeholder="비밀번호">
    </form>

 

-label의 for값과 input의 id 값이 같으면 연결됨.

 

label 이용

 

 

 

? 의문 

id와 name의 차이는 무엇일까?