>  기사  >  웹 프론트엔드  >  HTML양식_HTML/Xhtml_웹페이지 제작의 여러 제출방법 요약

HTML양식_HTML/Xhtml_웹페이지 제작의 여러 제출방법 요약

WBOY
WBOY원래의
2016-05-16 16:40:182612검색

가장 일반적이고 일반적으로 사용되는 방법은 제출 유형을 사용하는 것입니다.

코드 복사
코드는 다음과 같습니다.




또한, 또 다른 일반적인 방법은 사진을 사용하는 것입니다:

코드 복사
코드는 다음과 같습니다.





세 번째 방법은 javascript DOM 모델을 사용하여 양식을 제출하는 링크:

코드 복사
코드는 다음과 같습니다.

<양식 이름=”양식” 방법 =”게시” 작업=”#”>
제출


이 메소드는 실제로 javascript 함수를 호출하고 javascript 함수를 사용하여 양식을 제출할 수 있습니다. 태그의 onclick 이벤트에 추가합니다.

코드 복사
코드는 다음과 같습니다.


제출



그러나 양식에 제출 버튼이 여러 개 있으면 어떻게 될까요?
예를 들어 양식의 제출 버튼은 서로 다른 처리 페이지를 가리킵니다. 양식 데이터 처리 페이지는 양식이 정의될 때 결정되므로 양식에 여러 개의 제출 버튼을 배치하는 것만으로는 목적을 달성할 수 없습니다. 이를 위해서는 자바스크립트가 필요합니다.
먼저 함수 정의:


코드 복사 코드는 다음과 같습니다.
< ;스크립트 언어=javascript>
함수 쿼리(){
form.action=”query.php”
form.submit();}
함수 업데이트(){
form.action="update.php";
form.submit();}


Javascript를 통해 양식의 작업 속성 값을 변경합니다. 여러 제출이 가능하도록 페이지의 코드는 다음과 같습니다.


코드 복사 코드는 다음과 같습니다.


<입력 유형=”버튼” 이름=”업데이트” onclick=”업데이트();” 값=”업데이트”> 🎜>



위 코드는 일반 버튼을 사용하며, onclick 이벤트에서 javascript 함수를 호출하여 제출 기능을 구현합니다.
위의 제출 방법을 사용합니다. 형태는 그 형태의 복잡성에 거의 대처할 수 있다고 생각합니다.