Use an image to replace the form's submit button submit and reset button Reset

1. 1. Use an image instead of the submit button submit and reset button reset to add an onclick event to the image.
3. <Script language = "JavaScript">
4. Function fsubmit (OBJ ){
5. OBJ. Submit ();
6. }
7. Function freset (OBJ ){
8. OBJ. Reset ();
9. }
10. </SCRIPT>
11. <Form ID = "form1" name = "form1" method = "Post" Action = "login. asp">
12. Name: <input type = "text" name = "textfield"/>
15. </Form>
17. 2. Add a style to the image in step 1 to compensate for the problem. 1. Move the mouse over the image without any response and fail to give the customer a good browsing experience.
19. <Script language = "JavaScript">
20. Function fsubmit (OBJ ){
21. OBJ. Submit ();
22. }
23. Function freset (OBJ ){
24. OBJ. Reset ();
25. }
26. </SCRIPT>
27. <Form ID = "form1" name = "form1" method = "Post" Action = "login. asp">
28. Name: <input type = "text" name = "textfield"/>
31. </Form>
33. 3. Use an image instead of the submit button submit and reset button reset, and add a link. The effect is the same as 2.
35. <Script language = "JavaScript">
36. Function fsubmit (OBJ ){
37. OBJ. Submit ();
38. }
39. Function freset (OBJ ){
40. OBJ. Reset ();
41. }
42. </SCRIPT>
43. <Form ID = "form1" name = "form1" method = "Post" Action = "login. asp">
44. Name: <input type = "text" name = "textfield"/>
45. <A href = "javascript: fsubmit (document. form1);"> </a>
46. <A href = "javascript: freset (document. form1);"> </a>
47. </Form>
49. 4. Use the image domain. Because the default image fields are all submitted forms when clicked, appropriate processing is required:
51. <Script language = "JavaScript">
52. Function fsubmit (OBJ ){
53. OBJ. Submit ();
54. }
55. Function freset (OBJ ){
56. OBJ. Reset ();
57. }
58. </SCRIPT>
59. <Form ID = "form1" name = "form1" method = "Post" Action = "login. asp">
60. Name: <input type = "text" name = "textfield"/>
61. <Input type = "image" name = "imagefield" onclick = "javascript: fsubmit (document. form1); Return false;" src = "uploads/200707/30 _145425_001.jpg">
62. <Input type = "image" name = "imagefield2" onclick = "javascript: freset (document. form1); Return false;" src = "uploads/200707/30 _145428_002.jpg">
63. </Form>
65. Note that () must be added after the form submission and resetting events in JS, such as submit () and reset ()