본문 바로가기
CLASS/HTLML,CSS,JS

#2

by hingu 2024. 4. 21.
form 태그
form 태그 : 데이터를 전송하기 위한 태그
-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