[HTML] input/label 태그

Jo yun hee·2022년 4월 3일
0

HTML

목록 보기
6/7
post-thumbnail

Form은 정보를 입력하는 영역이다. 주로 회원가입에서 많이 사용한다.
Form에는 input, label, selecrt, fieldset, legend, button, textarea, datalist 태그가 있다.

input
사용자의 정보를 입력을 받는다.

type 속성에 설정 값에 따라 다양한 입력양식을 사용할 수 있습니다.

<input type="유형" 속성="속성 값">

자주 사용되는 속성

  • type : 입력 태그의 유형을 설정하는 속성
  • name : 서버에 전달되는 이름을 설정하는 속성
  • value : 입력된 값
  • placeholder : 입력값 힌트
  • minlength : 최소 길이
  • maxlength : 최대 길이
  • checked : 체크상태 표시
  • required : 필수값
  • min : 최솟값
  • max : 최댓값

속성
type, name, readonly, maxlength, minlength, requried, autofocus, placeholder, pattern

label
입력 창의 요소들을 위한 텍스트 설명.

  1. label로 input을 감싸는 방식
    <label>
    	이름 :
    	<input type="text" name="name">
    </label>

 2. label의 for 속성과 input의 id 속성을 명시함으로써 연결해주는 방식
 ```html
<label for="myName">이름 : </label>
<input type="text" name="name" id="myName">

input태그를 사용하여 회원가입 창을 만들어 볼 것이다.

0개의 댓글