<시간/>

HTML DOM 양식 메소드 속성은 양식 요소의 메소드 속성과 연관됩니다. 이 속성은 양식 데이터를 서버로 보내는 방법을 지정하는 데 사용됩니다. 데이터를 보낼 주소는 action 속성에 의해 지정됩니다. 이 속성은 양식 메서드 속성 값을 설정하거나 가져옵니다.

구문

다음은 −

의 구문입니다.

메서드 속성 설정 -

formObject.method =get|게시물;

여기에서 get은 기본 메소드이며 양식 데이터를 URL에 추가합니다. 예:URL?이름=값&이름=값. 일반적으로 안전하지 않으며 비공개가 아닌 데이터에 사용할 수 있습니다. 사용자는 url 문자열을 보고 전송되는 데이터를 볼 수 있습니다.

두 번째 방법인 post는 데이터를 HTTP 포스트 트랜잭션으로 전송하며 서버로 전송되는 동안 아무도 데이터를 볼 수 없기 때문에 일반적으로 안전합니다.

예시

양식 메서드 속성에 대한 예를 살펴보겠습니다 -

양식 길이 속성 예

메서드 속성 변경 아래 버튼을 클릭하여 위 양식의 값

출력

이것은 다음과 같은 출력을 생성합니다 -

HTML DOM 양식 메서드 속성

SUBMIT 버튼을 클릭하고 URL을 볼 때 -

127.0.0.1:5500/sample_page.php

"변경" 버튼 클릭 시 -

HTML DOM 양식 메서드 속성

지금 SUBMIT 버튼을 클릭하고 링크를 볼 때.

127.0.0.1:5500/sample_page.php?usrN=USER2&Age=22

위의 예에서 -

먼저 id=“FORM1”, method=“post” 및 action 속성 값이 “/sample_page.php”로 설정된 양식을 생성했습니다. 여기에서 메서드 속성 값 post는 양식 데이터가 안전하게 전송되고 모든 사람이 볼 수 없도록 합니다. 양식에는 텍스트 유형이 있는 두 개의 입력 필드와 양식 데이터를 서버에 제출하기 위한 제출 버튼이 있습니다.

사용자 이름  

나이

그런 다음 사용자가 클릭할 때 changeMethod() 함수를 실행하는 "변경" 버튼을 만들었습니다.

ChangeMethod() 함수는 문서 객체 getElementById() 메서드를 사용하여 양식 요소를 가져오고 메서드 속성 값을 "get"으로 설정합니다. 값을 "get"으로 변경하면 사용자 데이터가 이제 url에 표시될 수 있음을 의미합니다. ID가 "Sample"인 단락의 innerHTML 속성을 사용하여 이 변경 사항에 대한 의도된 텍스트를 표시합니다 -

기능 ChangeMethod() { document.getElementById("FORM1").method="get"; document.getElementById("Sample").innerHTML ="양식 메소드가 'post'에서 'get'으로 변경되었습니다. ";}