Home >> FAQs/Tutorials >> XHTML Tutorials and Tips >> Index

XHTML Tutorial - Values Submitted on Image Button Fields

(Continued from previous topic...)

What Are the Values Submitted on Image Button Fields?

An "image" button input field does not allow viewers to enter any input values directly. But if an "image" button is clicked, the mouse position on the image button will be submitted with other input values to the processing program based on the following rules:

• If an "image" button is not clicked, no values will be submitted for this image button.
• If an "image" button is clicked and no "name" attribute is specified, mouse position in pixel coordinates will be submitted under name x and y as: x=nn&y=nn.
• If a "submit" button is clicked and name="fieldName" attribute is specified, mouse position in pixel coordinates will be submitted under name fieldName.x and fieldName.y as: fieldName.x=nn&fieldName.y=nn.

If you use the previous tutorial example, you can test the following cases:

1. If you click the first image button, you will get the following value submitted:

http://localhost/submit?channel=google&x=31&y=8

2. If you click the second image button, you will get the following values submitted:

http://localhost/submit?channel=google

3. If you push the third submit button, you will get the following values submitted:

http://localhost/submit?channel=google&del.x=18&del.y=8

(Continued on next topic...)

1. What Is a "form" Tag/Element?
2. What Are the Attributes of a "form" Element?
3. What Is an "input" Tag/Element?
4. How Many Input Types Are Supported by "input" Elements?
5. How To Use "text" Input Fields?
6. How To Use "password" Input Fields?
7. How To Use "checkbox" Input Fields?
8. What Are the Values Submitted on Checkbox Fields?
9. How To Use "radio" Input Fields?
10. What Are the Values Submitted on Radio Button Fields?
11. How To Use "submit" Input/Action Fields?
12. What Are the Values Submitted on Submit Button Fields?
13. How To Use "reset" Input/Action Fields?
14. How To Use "file" Input Fields?
15. How To Use "hidden" Input Fields?
16. How To Use "image" Input Fields?
17. What Are the Values Submitted on Image Button Fields?
18. How To Use "button" Input Fields?
19. What Is a "textarea" Tag/Element?
20. What Are the Attributes of a "textarea" Element?
21. What Is a "select" Tag/Element?
22. What Is an "option" Tag/Element?
23. What Is a "label" Tag/Element?
24. Can Two Forms Be Nested?
25. Do Broswers Support Multiple Forms?