HTML-입력 양식 form
입력 양식 - <form></form>
- 사용자가 입력한 정보를 서버로 전송할때 사용하는 태그
- <form> 태그안에 <input> 태그에 type 속성을 이용해서 사용자로부터 정보를 입력 받을 폼을 만들거나
전송하는 버튼을 만든다.
- action 속성을 이용해서 전송 버튼을 눌렀을때 해당 폼에 정보를 전송할 위치를 적어주고
method 속성을 이용해서 전송 방식을 선택하게 된다.
( method 속성을 따로 지정하지 않는다면 GET 방식으로 전송하게 되고 method 속성에는 GET과 POST를 사용할 수 있다 )
- name 속성을 이용하면 서버쪽으로 정보를 전달할때 어떤폼에 대한 전송인지를 알 수 있게 해준다.
name 을 지정해주는 이유는 여기서 입력받은 값을 서버로 보내야하는데 name으로 지정해서 서버로 보낼수 있도록 한다
1)텍스트 입력
텍스트를 입력받을수있는 화면을 출력한다 name 속성을 지정하여 서버로 보낼수 있도록하고
value를 두어 기본 입력된 값을 지정할수 있도록한다
2)select 입력
다중 선택이 가능하게 할려면 multiple을 이용한다
기본 옵션은 <select> 이고 서버로 주기 위해서는 name을 지정한다
value는 컴퓨터가 좋아하는 형태로 정보를 전달한다
( <select> 태그를 이용해서 만들게 되면 dropdown 형식의 선택창을 만들수 있고
mutiple 속성을 이용해서 ctrl+클릭을 이용해 다중 선택이 가능하도록 할 수 있지만
사용자의 편의성을 위해 보통 다중 선택으로는 checkbox를 더 많이 이용한다
3)radio, checkbox
'생활코딩' 카테고리의 다른 글
| [HTML]html 원리와 개념 (문법/속성) /태그/문서의 구조 (0) | 2017.11.09 |
|---|
