[HTML] Form 속성

정은아·2022년 9월 19일
0

.FORM Tag


   : 폼 태그는 게시판, 회원가입, 로그인 부분에 해당하는
     문서를 만들 경우 사용됩니다.


     입력 글상자, 라디오 버튼, 선택 상자, 드롭다운 메뉴 등의
     다양한 형태로 방문자에게 내용을 선택할 수 있게 하며
     입력한 정보는 PMP, JSP와 같은 웹 프로그래밍 요소와
     연동하여 실제 서버 측에 전송 됩니다.


   : 웹 페이지를 통해 사용자 입력을 받은 폼을 Webform(웹폼)
     혹은 form(폼) 이라고 합니다.

     HTML5에서는 <input>,<textarea>,<select> 등 폼을 만들기 위한
     다양한 태그들을 제공하며 이 태그들은  form element (폼 요소) 라고
     부릅니다. 폼은 로그인, 등록, 검색, 예약 쇼핑 등의 다양한 
     웹 서비스에서 사용자의 입력을 받기 위해 사용합니다.


  . 형식
    
    <FORM name="폼이름" method="post" action="폼 실행 프로그램">
              폼 양식 요소,,,,,,,
    
    </FORM>
       
       .name   :  폼 양식의 이름을 지정합니다. 한 문서 내에 여러개의 폼 양식이 있는 경우 구분을 지어 줍니다.

       .method :  post(비밀보장), get(기본, 빠름) 중 하나를 지정합니다.

       .action :  폼 양식에 입력한 값들을 실제로 정송시킬 프로그램 경로를 지정합니다.


  폼 만들기
  
  폼 요소                                 의미

  <input type="text">                				   한 줄 텍스트 입력 창	
  <input type="password">             				  암호 입력을 위한 한 줄 텍스트 입력 창
  <input type="button">                 				단순 버튼 
  <input type="submit">               				  웹 서버로 폼 데이터를 전송시키는 버튼 
  <input type="reset">             				     입력된 폼 데이터를 초기화 시키는 버튼 
  <input type="image">              			    이미지 버튼 
  <input type="checkbox|radio">     			    체크박스와 라디오 버튼
  <select>                             			  	 드롭다운 리스트를 가진 콤보 박스
  <input type="month|week|date|time|datetime-local">   년,월,일,시간 등의 시간 정보 입력 창 
  <input type="number|range">                         스핀 버튼과 슬라이드 버튼 편리한 숫자 입력창 
  <input type="color">                                색 입력을 쉽게 하는 컬러 다이어그램
  <input type="file">                                 로컬 컴퓨터의 파일을 선택하는 폼 요소
  <textarea>                                          여러줄의 텍스트 입력 창











profile
꾸준함의 가치를 믿는 개발자

0개의 댓글