(42) [HTML] 3일 HTML 폼 태그

 

<form>~</form>

사용자 입력 양식 태그로 폼과 관련된 요소의 집합을 나타낸다. 

• name : 폼 제출 시에 사용되는 폼 컨트롤의 이름을 나타냄
• action : 폼을 전송할  URL을 입력한다. 
• enctype : 폼을 전송할 때 사용할 인코딩 방법을 정의하며, method ="post" 에서만 유효하다. 
  application/w-www-form-urlencoded (기본)
  multipart/form-data : 파일은 인코딩하지 않고 보낸다 
• method : 폼을 전송할 방식을 지정한다. 속성 값 : get(기본),post

<input>

입력 양시 제어 태그로 type을 갖는 데이터 필드. 사용자가 데이터를 입력 할 수 있는 입력 필드를 지정한다. input요소는 일반적으로 form요소에서 사용한다. input 요소는 type 속성에 따라 다양한 방법으로 사용할 수 있다. 

• checked : 체크되어 있는지 여부를 정의
• disabled : 요소를 비활성화한다. (서버에 전송되지 않는다.)
• maxlength :  양식의 텍스트 필드에 허용되는 문자의 최대 수를 지정
• name : 요소에 대한 이름을 지정 
• readonly :  input 요소의 값을 수정할 수 있는지 여부
• src : type ="image"인 경우 이미지의 URL을 지정한다/
• value : input 요소의 기본값을 나타낸다. 
• button : 푸시 버튼
• checkbox : 체크 박스
• file : 파일
• hidden : 숨겨진 입력 양식.
• image : 형태를 이미지로 생성(submit과 동일한 동작)
• password :  비밀번호 입력을 위한 컨트롤 생성
• radio : 입력 요소 항목의 목록에서 한 항목의 선택을 나타낸다는 것을 지정한다. 
• reset : 리켓 버튼
• submit : 제출 버튼
• text : 줄 바꿈 없는 텍스트 

 

<textarea>~</textare>

텍스트 입력 태그. 텍스트 영역을 선언하고 여러 줄의 텍스트를 입력할 때 사용. rows,cols 속성으로 라인 수와 라인의 글자 길이를 지정할 수 있으며 cols 속성은 입력된 텍스트가 지정된 길이 이상 입력되면 다음 줄로 자동으로 내려가고 rows 속성은 지정된 라인 수 이상 넘어가면 자동 스크롤 된다.

• cols : 한 줄당 입력할 수 있는 글자수를 제한
• disabled : 요소를 사용하지 않도록 지정. 비활성화(서버에 전송되지 않는다)
• name : 요소에 대한 이름을 지정 
•