[PHP] HTML FORM 태그에서 사용하는 input 태그 - submit

136_PHP HTML FORM 태그에서 사용하는 input 태그 - submit [요약] form 태그에서 입력한 정보를 서버로 전송하는 버튼 submit에 대해 알아보자. type 속성값이 submit이면 FORM 태그의 action 속성에 명시된 파일로 입력한 데이터를 전송하는 버튼이 생성된다. [type 속성값에 submit을 적용하는 방법] value 속성에 입력한 값은 submit 버튼 안에 표시되는 문구이다. 다음은 form 태그에 입력한 내용을 전송하는 버튼을 생성하는 예제이다. [예제: 139_input_submit.php ] 실행결과 실제 데이터 전송시에는 name, method, action 속성에 적합한 값을 입력해야 한다. 현재는 그렇지 않으므로 전송 버튼을 입력해도 존재하지 않는..

2022.10.10

[JavaScript] 자바스크립트 폼 전송하기

172_자바스크립트 폼 전송하기 [적용] 폼 전송 전 추가 작업을 처리하고 싶을 때 폼 전송 전 확인 작업을 하고 싶을 때 [문법] 이벤트 의미 submit 폼 전송 시 이벤트 [내용] 폼 요소의 submit 이벤트를 감시하여 폼 전송 전 추가 작업을 처리할 수 있다. 해당 이벤트로 폼 전송 전의 데이터를 가공하거나 데이터 전송 여부를 확인할 수 있다. 전송 취소 후 재입력을 요구하고 싶을 때는 event.preventDefault()를 사용해 이벤트를 해제한다. HTML index.html 텍스트를 입력해 주세요. 전송하기 JavaScript main.js // form 요소 참조 const formElement = document.querySelector('form'); // 전송 이벤트 감시 for..

2022.07.16