> 웹 프론트엔드 > JS 튜토리얼 > 양식의 몇 가지 기본 사용법 및 기술

양식의 몇 가지 기본 사용법 및 기술

巴扎黑
풀어 주다: 2017-05-21 11:36:15
원래의
1499명이 탐색했습니다.

1. 제출 버튼을 이미지로 대체
제출 버튼이 하나만 있는 경우에는 이벤트 기능을 추가하지 않고도 쉽게 구현할 수 있습니다. 코드는

<input type="image" name="..." src="url" width="" height="..." border="...">
로그인 후 복사

입니다. ="image"를 제외한 나머지 속성은 태그와 동일합니다.

2. 모든 양식 버튼을 이미지로 교체:
제출 버튼을 교체할 이미지 코드 형식은

<input type="image" name="..." src="..." onClick="document.formName.submit()">
로그인 후 복사

재설정 버튼을 교체할 코드 이미지 형식입니다. is

<input type="image" name="..." src="..." onClick="document.formName.reset()">
로그인 후 복사

참고: 여기서 formName은 양식의 이름 속성 값입니다.

3. 양식 제출 확인:

<script>
 function CheckDate(){
 //取得输入的数据
 userName = document.RedForm.userName.value;
 userEmail = document.RedForm.userEmail.value;
 //如果没有输入姓名
 if (userName=="") {
 alert("请输入姓名");
 document.RedForm.userName.focus();
 return false;
 }else{
 //如果没有输入Email,或者Email地址错误(不含@)
 if ((userEmail=="")||(userEmail.indexOf("@")==-1)) {alert("请重新输入Email地址");
 document.RedForm.userEmail.focus();
 return false;
 }else return true;
 }
 }
 </script>
로그인 후 복사

4. 임의의 요소가 포함된 양식 제출:
onClick="document.form.submit();" 전달 양식을 제출하려면 onClick="document.form.reset();"을 사용하여 모든 요소가 양식을 제출할 수 있도록 하세요.

위 내용은 양식의 몇 가지 기본 사용법 및 기술의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿