J_world

1) form tag란?

- 사용자가 입력한 정보를 서버로 전송하는 역할을 한다.

 

2) 폼그룹 지정, 폼제목 설정

 <fieldset>
        <legend>양식Groub의 제목</legend>
        <p></p>
  </fieldset>

fieldset : form을 영역별로 구분하기 위한 테두리.

legend : fieldset으로 지정된 영역의 제목 설정

 

3) form tag 종류

1. text box : 한글, 영문자를 입력하고자 할 때 사용되는 양식이며, 양식 Tag 중 가장 많이 사용되는 Tag이다.

2. password box : password, 주민번호, 인증번호 등 보안을 요구하는 내용을 입력하고자 할 때 사용하는 양식이며, 글자가 보이지 않도록 '기호'로 대체되어 표시된다.

3. radio button : 다수의 항목 중 하나를 선택하는 양식으로, 하나를 선택하기 위해서는 name 속성을 사용해야 한다.

boy girl

radio button을 click할때만 선택이 가능하지만, click을 용이하게 사용하기 위해 접근성을 높일 필요가 있다. lable tag에 for 속성을 사용하고 input tag에 id="name"으로 연결해주는게 그 방법이다. 주로 모바일 화면에서 버튼을 편하게 선택하기 위해 사용된다.

4. check box : 여러 항목 중 사용자가 원하는 항목만 선택 가능하다.

나의 취미 : computer game 독서 기타

5. 선택 목록 : Shopping mall obtion 선택, 전화번호 입력, 통신사 선택, 예매 목록, 인원 수, 언어 설정, family site 등의 양식을 만들고자 할 때 사용하는 양식이다.

언어설정 한국어 영어 일본어

6. 다중 Text box : 한줄 입력이 아닌 여러줄의 내용을 입력하고자 할 때 사용한다. 한줄 평, 댓글, Mail, 글 작성, 문의하기 등에 사용된다.

Write

7. file 첨부 : 게시판이나 E-Mail 양식에서 상대방에게 File을 전송하기 위한 양식이다.

8. button : 전송하기, 취소하기, GeneralButton, ImageButton