form 태그
form 태그 : 데이터를 전송하기 위한 태그
-method 속성 : 데이터 전송 방식
-action 속성 : 데이터를 보내는 url을 말함
-method 속성 : 데이터 전송 방식
-action 속성 : 데이터를 보내는 url을 말함
<form oninput="b.value=parseInt(vol.value)">
<!-- range : 크기를 조절할 수 있는 속성을 가지고 있음 -->
0 <input type="range" id="vol" min='0' max="100"> 100 <br>
<output name="b" for="vol">50</output>
</form>
input submit,reset은 form태그 안에 들어있어야지만 작동함 input button은 javascript를 꼭 작성해야함
form에는 전송방식이 2가지가 발생함
1. post 전송방식 : data를 암호화하여 데이터를 숨겨서 전송
2. get 전송방식 : url에 파라미터를 이용하여 전송
*주의) form으로 데이터 전송시 무조건 name값을 설정하여 전송합니다.
ex) 네이버 검색기능
<form method="get" id="frm" action="http://search.naver.com/search.naver">
네이버 검색 : <input type="text" class="search" name="query">
<input type="submit" value="검색" class="search-btn">
</form>
'CLASS > HTLML,CSS,JS' 카테고리의 다른 글
#5-2 / Js(함수) (0) | 2024.04.24 |
---|---|
#5-1 / Js(반복문,선택문) (0) | 2024.04.24 |
#4 / Js.1 (0) | 2024.04.23 |
#3 (0) | 2024.04.22 |
#1 (0) | 2024.04.21 |