>  기사  >  웹 프론트엔드  >  자바스크립트의 양식 메소드란 무엇입니까?

자바스크립트의 양식 메소드란 무엇입니까?

青灯夜游
青灯夜游원래의
2021-11-04 18:02:013759검색

JavaScript에는 두 가지 양식 메서드가 내장되어 있습니다. 1. 양식의 모든 입력 요소를 기본값으로 재설정하는 데 사용되는 재설정(), 2. 양식 데이터를 웹 서버에 제출하는 데 사용되는 submit().

자바스크립트의 양식 메소드란 무엇입니까?

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

Form 개체는 HTML 양식을 나타냅니다.

HTML 문서에서는

이 나타날 때마다 Form 개체가 생성됩니다.

양식 사용자는 일반적으로 사용자 데이터를 수집하고 텍스트 필드, 확인란, 라디오 버튼, 제출 버튼 등과 같은 입력 요소를 포함하는 데 사용됩니다. 양식에는 옵션 메뉴, 텍스트 영역, 필드 세트, 범례 및 레이블 요소도 포함될 수 있습니다.

양식은 서버에 데이터를 보내는 데 사용됩니다.

javascript 양식 개체(양식) 메서드:

Method Description
reset() 양식의 모든 입력 요소를 기본값으로 재설정합니다.
submit() 양식을 제출하세요.

Form 객체의 재설정() 메서드

reset() 메서드는 양식의 요소를 기본값으로 재설정할 수 있습니다.

구문: ​​formObject.reset()formObject.reset()

说明:调用该方法的结果类似用户单击了 Reset 按钮的结果,只是表单的事件句柄 onreset 不会被调用。

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function formReset(){
	document.getElementById("frm1").reset();
}
</script>
</head>
<body>

<p>在下面的输入框中输入一些文本,然后按下“重置表单”按钮重置表单。</p>
<form id="frm1">
用户名: <input type="text" name="name"><br>
密 码: <input type="password" name="password"><br><br>
<input type="button" onclick="formReset()" value="重置表单">
</form>

</body>
</html>

자바스크립트의 양식 메소드란 무엇입니까?

Form 对象的submit()方法

submit() 方法把表单数据提交到 Web 服务器。

语法:formObject.submit()
설명: 이 메서드를 호출한 결과는 양식의 이벤트 핸들 onreset이 호출되지 않는다는 점을 제외하면 사용자가 재설정 버튼을 클릭한 결과와 유사합니다. .

예:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script>
function formSubmit(){
	document.getElementById("frm1").submit();
}
</script>
</head>
<body>

<p>在下面的输入框中输入一些文本,然后按下“提交表单”按钮提交表单。</p>
<form id="frm1" action="form_action.asp">
用户名: <input type="text" name="name"><br>
密 码: <input type="password" name="password"><br><br>
<input type="button" onclick="formSubmit()" value="提交表单">
</form>

</body>
</html>
자바스크립트의 양식 메소드란 무엇입니까?

🎜Form 개체의 submit() 메서드🎜🎜🎜submit() 메서드는 양식 데이터를 웹 서버에 제출합니다. 🎜🎜구문: ​​formObject.submit()🎜🎜🎜설명: 이 메서드는 사용자가 제출 버튼을 클릭하는 것과 같은 방식으로 양식을 제출하지만 양식의 onsubmit 이벤트 핸들러는 호출되지 않습니다. . 🎜rrreee🎜【추천 학습: 🎜javascript 고급 튜토리얼🎜】🎜

위 내용은 자바스크립트의 양식 메소드란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.