양식의 몇 가지 기본 사용법 및 기법_양식 특수 효과

1. 제출 버튼 대신 이미지를 사용하세요
제출 버튼이 하나만 있는 경우, 코드는

label을 input type="image"로 변경하는 것 외에 다른 속성은 동일합니다. 라벨도 마찬가지입니다.

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

재설정 버튼을 대체하는 코드 이미지 형식은
　
참고: 여기서 formName은 양식의 이름 속성 값입니다.

3. 양식 제출 확인:
<script><br> function CheckDate(){<br> //입력 데이터 가져오기 <br> userName = document.RedForm.userName.value;<br> userEmail = document.RedForm.userEmail.value;<br> //이름을 입력하지 않은 경우<br>if (userName=="") {<br>alert("이름을 입력하세요");<br>document.RedForm . userName.focus();<br> return false;<br>}else{<br> //이메일을 입력하지 않았거나 이메일 주소가 잘못된 경우(@를 포함하지 않음)<br>if ((userEmail= ="")| |(userEmail.indexOf("@")==-1)) {alert("이메일 주소를 다시 입력하세요");<br>document.RedForm.userEmail.focus();<br> false를 반환;<br> }그렇지 않으면 true를 반환;<br>}<br>}<br>　</script>

4. 임의의 요소를 사용하여 양식을 제출합니다.
onClick="document.form.submit();"을 통해 양식을 제출합니다. 양식을 재설정하려면 onClick="document.form.reset();"을 사용합니다. , 이런 식으로 이제 모든 요소가 양식 제출을 구현할 수 있습니다.