폼 요소1

1.   폼 요소란? 서버에 데이터를 전달하기 위한 요소.

 

2.  대표적인 폼 요소

 

2.(1) <input>: 내용이 없는 빈요소, type 속성을 통하여 여러 종류의 입력 양식으로 나타내게 됨.

 

- type = "text": 화면에 입력할수 있는 박스를 만듦

- placeholder=" 내용 " : input 안에 작성하면 박스안에 기존 박스에 글자내용을 입력하게됨. 외부에서 글자를 입력하게 될 경우 기존 글자는 사라짐. 

- type = "password": 화면에 입력할수있는 박스을 만들고 입력값을 치면 보이지는 않음.

 

ID창에 글자를 입력하기전

ID창에 글자를 입력하니 기존 글자가 없어짐

  

- type = "radio": 라디오를 만들때 사용/라디오 버트는 중복선택이 불가능 하며 하나의 항목만 선택가능

- name=" ": 라디오 버튼과 체크박스를 그룹화 시켜주는 속성

- checked: 창에 미리 checked 한 태그에 체크가 되어있는 부분

 

- type = "checkbox": 체크박스를 만들때 사용. 중복선택이 가능함

 

 

- type="file": 파일을 서버에 올릴때 사용

 

 

- type="submit": form의 값을 전송하는 버튼

 

- type="reset": form의 값을 초기화하는 버튼  

 

 

*그외에 type유형은 링크참고: https://developer.mozilla.org/en-US/docs/Web/HTML/Element#Forms