07_ 입력양식 관련 태그

학습 파일

07_입력양식및폼변경태그.html

0.01MB

 

1)input 태그

-사용자에게 값을 입력받을 수 있는 텍스트상자 또는 체크박스 등등을 만들 수 있다

-input유형은 닫는 태그가 없으며 type, value, name 속성등이 있다.

- 정리 보단 다른 공부를 해야하기 때문에 input 관련 태그의 자세한 내용은 첨부파일 확인 

 

type	설명
text	텍스트로 입력받을 수 있다.
password	비밀번호를 입력받을 수 있다.
raido	단일 선택 체크박스
checkbox	다중 선택 체크박스
submit	폼 양식을 서버에 전송
Button	버튼
file	파일업로

 

 

 

 

 

 

2)폼 관련 태그

 

form 태그 내에 submit 버튼 클릭시 해당 form 안에 작성된
사용자가 입력한 값들을 서버로 넘기면서 요청하는 역할을 수행한다.

 

[표현법]
form action="" method=""

 action 속성 : 해당 form에 사용자가 입력한 값들을 전달하면서 요청할 서버의 경로를 제시
 method 속성 : 요청 전송 방식을 지정하는 속성 (get(기본값)/ post)

> get 방식 : 요청시 사용자가 입력한 값들이 url 노출되는 방식

> post 방식 : 요청시 사용자가 입력한 값들이 url에 노출되지 않는 방식 form 태그 내에 submit 버튼 클릭시 action 지정한 서버로 사용자가 입력한 값들이 넘어가면서 요청됨 (사용자가 입력한 값들은 항상 key = value 세트로 전달)

 

 

fieldset : 그룹을 묶는 태그 (기본적으로 테두리 존재)

legend : 해당 그룹의 제목을 붙이는 태그