[HTML/CSS] 폼 관련 태그 <form> <lable> <input>

<form> 태그

• method

• get - 주소 표시줄에 사용자가 입력한 내용이 그대로 나옴, 보안에 취약

• post - 대부분 이 방식을 사용, 길이에 제한 없음.

• name - 폼의 이름을 지정
• action - form 태그 안의 내용을 처리해줄 서버 상의 프로그램을 지정
• target - 파일 오픈 위치
• autocomplete - on/off 자동완성 기능

 

<lable> 태그

폼 요소에 레이블(이름,텍스트) 붙이는 태그, 텍스트 부분을 클릭해도 버튼이 선택됨

 

--- input 태그와 연결 방법 ---

<label for ="user-id">아이디 입력</label>

<input type="text" id="user-id">

 

 

<input> 태그

• autofocus - 페이지를 불러오자마자 원하는 폼 요소에 마우스 커서 표시
• placeholder ="아이디를 입력하세요" - 입력란에 표시하는 힌트
• readonly - 입력 불가 항목
• required - 필수 필드
• select / option - 드롭다운
• datalist / option - 특정 값만 입력가능
• textarea - 여러줄의 텍스트 ex. 게시물 입력, 약관 등
• button
• output - 계산 결과를 브라우저에 표시
• progress - 작업 진행 상태를 표시

• meter - 전체 크기 중 얼마나 차지하는지