[HTML] input/label 태그
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
입력 창의 요소들을 위한 텍스트 설명.
- 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태그를 사용하여 회원가입 창을 만들어 볼 것이다.
Author And Source
이 문제에 관하여([HTML] input/label 태그), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@uni/HTML-inputlabel-태그저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)