[SPEC] 4.10 폼

참고 : http://html5.clearboth.org/forms.html#forms

폼 이란

폼 컨트롤들을 갖고 있는 웹 페이지의 컴포넌트

• 텍스트 필드
• 버튼
• 체크박스
• 범위 컨트롤
• 색상 선택기 등

폼의 작성 단계

1. 폼의 사용자 인터페이스 작성
2. 폼을 위한 서버사이드 처리 구현
3. 폼이 서버와 통신하도록 설정

폼의 사용자 인터페이스 작성

모든 폼은 form요소로 시작하고 그 안에 컨트롤들이 위치한다. 폼의 각 부분들은 하나의 문단을 구성하며, 일반적으로 p요소를 통해 서로 분리됩니다.

폼이 서버와 통신하도록 설정

폼의 속성

• method : 폼의 제출 방법 지정(GET, POST 등)
• enctype : 값의 암호화 방법 지정
• action : 제출한 데이타를 처리할 서비스의 URL 명시

폼의 컨트롤들의 name 속성을 통해 값의 이름을 정해준다.

클라이언트 사이드 폼 유효성 검사

• required 속성 : 값이 이력되지 않으면 폼을 전송하지 않을 것이라는 것을 나타낼 수 있다.
  

• maxlength 속성 : 입력값의 길이를 제한할 수 있다.

소스 및 웹 화면

	

	
		
주문자 이름 : 
		
전화번호 : 
		
이메일 : 
		

			
피자 크기
			
Small
			
Medium
			
Large
		
		

			
피자 토핑
			
베이컨
	
			
치즈 추가
			
양파
			
버섯
		
		

			배달 요청 시간 : 
		
		
배달 요청 사항 :