안녕하세요
교재 133p. submit 버튼과 reset 버튼을 보면 각각 폼데이터를 웹서버로 전송 / 폼에 입력된 내용을 모두 지우고 초기화 라고 적혀있는데 ,
여기서 말하는 폼데이터 와 폼에 입력된 내용은
<form>~</form> 태그 내의 모든 폼요소에 해당하는건가요 ?
따라서 코드로 정리해보면
EX)
첫번째코드 : <!doctype html>
<html>
<head>
</head>
<body>
<form>
자동차검색창: <input type="text" value="원하는 자동차를 입력하세요">
<input type="submit" name="search" value="검색">
<input type="reset" name ="reset" value="삭제">
아파트검색창: <input type="text" value="원하는 아파트를 입력하세요">
<input type="submit" name="search" value="검색">
<input type="reset" name ="reset" value="삭제">
</form>
</body>
</html>
두번째코드 :
EX)
<!doctype html>
<html>
<head>
</head>
<body>
<form>
자동차검색창: <input type="text" value="원하는 자동차를 입력하세요">
<input type="submit" name="search" value="검색">
<input type="reset" name ="reset" value="삭제">
</form>
<form>
아파트검색창: <input type="text" value="원하는 아파트를 입력하세요">
<input type="submit" name="search" value="검색">
<input type="reset" name ="reset" value="삭제">
</form>
</body>
</html>
두번째코드에서는
상위 검색버튼 / 삭제 버튼 클릭시 자동차 검색창의 폼데이터만 웹서버로 전송/ 내용 모두지워지고 초기화 되며
하위 검색버튼 / 삭제버튼 클릭시 아파트 검색창의 폼데이터만 웹서버로 전송/ 내용 모두지워지고
첫번째 코드에서는
상위 검색버튼 / 삭제 버튼 클릭시 아파트 검색창의 폼데이터도 웹서버로 전송/ 내용 모두지워지고 초기화 되며
하위 검색버튼 / 삭제버튼 클릭시 자동차 검색창의 폼데이터도 웹서버로 전송/ 내용 모두지워지게 되나요?
감사합니다.
예, 그렇습니다.
폼 태그( <form> ... </form>) 하나의 폼입니다.
그 안에서 어떤 것들이 있든지 한 덩어리로 작동합니다.
사실 폼마다 아래와 같이 구성됩니다.
<form action="서버에서실행될프로그램이름"> ... </form>
그리고 폼 단위로 데이터는 모두 '서버에서실행될프로그램'에게 전달되지요.
<form> 태그의 구체적인 사용에 대해서는 이 책에서 다루지 않는 점을 이해부탁합니다.
이것을 다루려면 웹서버 프로그램을 다루어야합니다.
이 책을 먼저 공부한 후, 서버 공부를 하면서 <form>에 대한 공부를 다시해야할 것입니다.