Categories:
.NET (357)
C (330)
C++ (183)
CSS (84)
DBA (2)
General (7)
HTML (4)
Java (574)
JavaScript (106)
JSP (66)
Oracle (114)
Perl (46)
Perl (1)
PHP (1)
PL/SQL (1)
RSS (51)
Software QA (13)
SQL Server (1)
Windows (1)
XHTML (173)
Other Resources:
How To Use "image" Input Fields
How To Use "image" Input Fields? - XHTML 1.0 Tutorials - Understanding Forms and Input Fields
✍: FYIcenter.com
An "image" input field is defined as <input type="image" .../>. "image" input fields can be used to create image buttons. If an image button is clicked, the mouse coordinates on the image and other form input data will be submitted to the form processing program. There are other attributes you need to use for an "image" input field:
Here is a tutorial example with 2 image buttons:
<?xml version="1.0" ?> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html> <head> <title>Image Input Fields</title> </head> <body> <h4>Online Survey</h4> <form action="http://localhost/submit" method="get"> <p style="background-color: #eeeeee; padding: 8px;"> How did you find FYIcenter:<br/> <input type="radio" name="channel" value="google" checked="checked"/>Google search<br/> <input type="radio" name="channel" value="yahoo"/>Yahoo search<br/> <input type="radio" name="channel" value="friend"/>Your friend<br/> <input type="image" src="/update.gif"" alt="Update"/> <input type="image" src="/delete.gif"" name="del" alt="Delete"/> </p> </form> </body> </html>
If you save the above document as image_button.html, and view it with
Internet Explorer, you will see two image button in the form as shown below:
2007-05-12, 4680👍, 0💬
Popular Posts:
How To Control White Spaces between Table Cells? - XHTML 1.0 Tutorials - Understanding Tables and Ta...
Do You Know the Book "JUnit in Action"? You should know this book. It received some good reviews. Ti...
What are urlencode() and urldecode() functions in PHP? string urlencode(str) - Returns the URL encod...
How To Set session.gc_divisor Properly? - PHP Script Tips - Understanding and Using Sessions As you ...
What will be printed as the result of the operation below: #define swap(a,b) a=a+b;b=a-b;a=a-b; void...