Some basic usage and techniques of forms

1. Use images instead of submit buttons
When there is only one submit button, it can be easily implemented without adding an event function. The code is:

<input type="image" name="..." src="url" width="" height="..." border="...">

Except for changing the label to input type Except for ="image", other attributes are the same as those of the a1f02c36ba31691bcfe87b2722de723b tag.

2. Use pictures to replace all form buttons:
The code format of the image code that replaces the submit button is

<input type="image" name="..." src="..." onClick="document.formName.submit()">

The code image format that replaces the reset button is

<input type="image" name="..." src="..." onClick="document.formName.reset()">

Note: The formName here is the name attribute value of the form.

3. Form submission verification:

<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. Submit the form with any element:
Through onClick="document.form.submit();" To submit the form; use onClick="document.form.reset();" to reset the form, so that any element can submit the form.

The above is the detailed content of Some basic usage and techniques of forms. For more information, please follow other related articles on the PHP Chinese website!