Computer >> 컴퓨터 >  >> 프로그램 작성 >> HTML

HTML DOM 입력 제출 formMethod 속성

<시간/>

HTML DOM 입력 제출 formMethod 속성은 제출 버튼의 formMethod 속성 값을 설정하거나 반환하는 데 사용됩니다. 양식 데이터를 서버로 보낼 때 사용할 HTTP 메서드를 지정합니다. formMethod 속성 값은

요소와 연결된 메서드 속성 값을 재정의합니다. 제출 유형의 입력 요소에 대해 HTML5에 도입되었습니다.

구문

다음은 −

의 구문입니다.

formMethod 속성 설정 -

submitObject.formMethod = get|post

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

사용자는 url 문자열을 보고 전송되는 데이터를 볼 수 있습니다. 두 번째 방법인 post는 데이터를 HTTP post 트랜잭션으로 전송하며 일반적으로 안전합니다. 데이터가 서버로 전송되는 동안에는 아무도 볼 수 없으므로 post 방식은 get 방식과 같은 크기 제한이 없습니다.

예시

Submit formMethod 속성에 대한 예를 살펴보겠습니다 -

<!DOCTYPE html>
<html>
<body>
<h1>Submit formMethod property</h1>
<form id="FORM_1" action="/Sample.php" style="border:solid 2px green;padding:2px">
UserName: <input type="text" id="USR"> <br>
Location: <input type="text" id=“Loc”><br><br>
<input type="submit" id="SUBMIT1" formmethod="post">
</form>
<p>Set the formMethod attribute value of the above submit button inside the form to get
by clicking the below button</p>
<button onclick="changeMethod()">CHANGE</button>
<p id="Sample"></p>
<script>
   function changeMethod() {
      document.getElementById("SUBMIT1").formMethod = "get";
      document.getElementById("Sample").innerHTML = "The formaction attribute value has been changed from post to get";
}
</script>
</body>
</html>

출력

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

HTML DOM 입력 제출 formMethod 속성

CHANGE 버튼을 클릭하면 -

HTML DOM 입력 제출 formMethod 속성