웹 프론트엔드 HTML 튜토리얼 HTML양식_HTML/Xhtml_웹페이지 제작의 여러 제출방법 요약

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

May 16, 2016 pm 04:40 PM
HTML 양식 제출방법

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

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




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

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





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

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

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


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

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


제출



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


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


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


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


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



위 코드는 일반 버튼을 사용하며, onclick 이벤트에서 javascript 함수를 호출하여 제출 기능을 구현합니다.
위의 제출 방법을 사용합니다. 형태는 그 형태의 복잡성에 거의 대처할 수 있다고 생각합니다.
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.

핫 AI 도구

Undresser.AI Undress

Undresser.AI Undress

사실적인 누드 사진을 만들기 위한 AI 기반 앱

AI Clothes Remover

AI Clothes Remover

사진에서 옷을 제거하는 온라인 AI 도구입니다.

Undress AI Tool

Undress AI Tool

무료로 이미지를 벗다

Clothoff.io

Clothoff.io

AI 옷 제거제

AI Hentai Generator

AI Hentai Generator

AI Hentai를 무료로 생성하십시오.

인기 기사

R.E.P.O. 에너지 결정과 그들이하는 일 (노란색 크리스탈)
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 최고의 그래픽 설정
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. 아무도들을 수없는 경우 오디오를 수정하는 방법
3 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25 : Myrise에서 모든 것을 잠금 해제하는 방법
4 몇 주 전 By 尊渡假赌尊渡假赌尊渡假赌

뜨거운 도구

메모장++7.3.1

메모장++7.3.1

사용하기 쉬운 무료 코드 편집기

SublimeText3 중국어 버전

SublimeText3 중국어 버전

중국어 버전, 사용하기 매우 쉽습니다.

스튜디오 13.0.1 보내기

스튜디오 13.0.1 보내기

강력한 PHP 통합 개발 환경

드림위버 CS6

드림위버 CS6

시각적 웹 개발 도구

SublimeText3 Mac 버전

SublimeText3 Mac 버전

신 수준의 코드 편집 소프트웨어(SublimeText3)

HTML 형식으로 여러 파일 업로드를 허용하는 방법 HTML 형식으로 여러 파일 업로드를 허용하는 방법 Aug 28, 2023 pm 08:25 PM

이 기사에서는 HTML 양식에서 여러 파일 업로드를 허용하는 방법을 알아보겠습니다. 여러 속성을 사용하여 HTML 양식에서 여러 파일 업로드를 허용합니다. 이메일 및 파일 입력 유형에 대해 여러 속성을 사용할 수 있습니다. 사용자가 웹사이트에 파일을 업로드할 수 있도록 하려면 파일 선택 상자라고도 알려진 파일 업로드 상자를 사용해야 합니다.

HTML 양식 데이터를 텍스트로 가져와 html2pdf로 보내는 방법은 무엇입니까? HTML 양식 데이터를 텍스트로 가져와 html2pdf로 보내는 방법은 무엇입니까? Sep 06, 2023 pm 12:21 PM

html2pdf는 개발자가 html을 캔버스, PDF, 이미지 등으로 변환할 수 있는 JavaScript 패키지입니다. html을 매개변수로 받아 PDF나 원하는 문서에 추가합니다. 또한 사용자는 HTML 콘텐츠를 추가한 후 문서를 다운로드할 수 있습니다. 여기서는 html2pdfnpm 패키지를 사용하여 양식에 액세스하고 이를 PDF에 추가하겠습니다. PDF에 양식 데이터를 추가하는 다양한 예를 살펴보겠습니다. 구문 사용자는 다음 구문을 따라 html 양식 데이터를 텍스트로 전달하고 html2pdf로 보낼 수 있습니다. varelement=document.getElementById('form');html2

PHP 파일 업로드 튜토리얼: HTML 양식을 사용하여 파일을 업로드하는 방법 PHP 파일 업로드 튜토리얼: HTML 양식을 사용하여 파일을 업로드하는 방법 Jun 11, 2023 am 08:10 AM

PHP 파일 업로드 튜토리얼: HTML 양식을 사용하여 파일을 업로드하는 방법 웹사이트 개발 과정에서 파일 업로드 기능은 매우 일반적인 요구 사항입니다. 널리 사용되는 서버 스크립팅 언어인 PHP는 파일 업로드 기능을 매우 잘 구현할 수 있습니다. 이 기사에서는 HTML 양식을 사용하여 파일 업로드를 완료하는 방법을 자세히 소개합니다. 1. HTML 양식 먼저 HTML 양식을 사용하여 파일 업로드 페이지를 만들어야 합니다. HTML 양식에서 enctype 속성은 "multipart/form-"으로 설정되어야 합니다.

Java를 사용하여 HTML 양식을 처리하는 방법은 무엇입니까? Java를 사용하여 HTML 양식을 처리하는 방법은 무엇입니까? Aug 10, 2023 pm 02:05 PM

Java를 사용하여 HTML 양식을 처리하는 방법은 무엇입니까? HTML 양식은 사용자가 데이터를 입력하고 제출할 수 있는 웹 페이지에서 일반적으로 사용되는 대화형 요소 중 하나입니다. 강력한 프로그래밍 언어인 Java는 HTML 양식 데이터를 처리하고 유효성을 검사하는 데 사용할 수 있습니다. 이 기사에서는 코드 예제와 함께 Java를 사용하여 HTML 양식을 처리하는 방법을 소개합니다. Java에서 HTML 양식 데이터를 처리하는 기본 단계는 다음과 같습니다. HTML 양식에서 POST 요청을 모니터링하고 수신합니다. 필요에 따라 요청 프로세스 데이터를 구문 분석합니다.

PHP 정규 표현식: HTML의 모든 양식 태그를 일치시키는 방법 PHP 정규 표현식: HTML의 모든 양식 태그를 일치시키는 방법 Jun 23, 2023 am 10:38 AM

웹 개발에서는 문자열을 일치시키기 위해 정규식을 사용해야 하는 경우가 많습니다. HTML에서 양식 태그는 매우 중요한 태그이므로 페이지의 모든 양식 태그를 가져와야 하는 경우 정규 표현식이 매우 유용한 도구가 됩니다. 이 기사에서는 HTML의 모든 양식 태그와 일치시키기 위해 PHP에서 정규식을 사용하는 방법을 소개합니다. 1. HTML의 form 태그 form 태그는 HTML에서 양식을 만드는 데 사용되는 매우 중요한 태그입니다. 양식이 사용됩니다.

Ajax 제출 방법 Ajax 제출 방법 Nov 17, 2023 pm 02:55 PM

Ajax 제출 방법에는 GET 제출, POST 제출, PUT 제출 및 DELETE 제출이 포함됩니다. 자세한 소개: 1. GET 제출은 양식 데이터를 URL에 추가하고 Ajax를 사용하여 요청을 보내는 일반적인 제출 방법입니다. GET 요청은 브라우저 기록에 기록될 수 있으므로 소량의 데이터에 적합합니다. 2. POST 제출은 요청 본문에 양식 데이터를 포함하고 Ajax 등을 사용하여 전송하는 보다 일반적인 제출 방법입니다.

다섯 가지 일반적인 Ajax 제출 방법이 있습니다. 다섯 가지 일반적인 Ajax 제출 방법이 있습니다. Jan 17, 2024 am 11:09 AM

Ajax의 5가지 일반적인 제출 방법을 배우려면 특정 코드 예제가 필요합니다. 소개: 웹 애플리케이션이 개발되고 대화형 및 실시간에 대한 사용자 요구가 증가함에 따라 Ajax 기술은 프런트엔드 개발에 없어서는 안될 부분이 되었습니다. Ajax(Asynchronous JavaScript and XML)는 비동기 통신을 위해 JavaScript를 사용하는 기술로 전체 페이지를 새로 고치지 않고도 서버의 데이터와 상호 작용하고 페이지 내용을 업데이트할 수 있습니다. 아약스에서

Ajax의 5가지 제출 방법 살펴보기 Ajax의 5가지 제출 방법 살펴보기 Jan 17, 2024 am 09:51 AM

웹 개발에서 Ajax는 이미 널리 채택된 기술입니다. 간단히 말해서 Ajax는 JavaScript를 통해 비동기 요청을 시작하고 페이지의 일부 콘텐츠를 업데이트하여 새로 고침이 없는 효과를 얻습니다. 그러나 Ajax 요청 방법은 GET 및 POST에만 국한되지 않습니다. 오늘은 Ajax의 5가지 제출 방법을 심층적으로 살펴보고 구체적인 코드 예제를 제공하겠습니다. GET 요청 GET 요청은 가장 일반적인 Ajax 제출 방법입니다. 그것은 데이터가 될 것입니다

See all articles