enhanced button for form or interactive button using a 'POST'

[Dwight Crevelt]

I am creating a DB access page and need several buttons that must submit
info to a CGI using a 'POST' FP2003, Win server 2003 with FP extensions

If I use a standard form it works fine but the Submit button is ugly - I
would like to have a better looking / functioning button.

or

Add a 'POST' submit hyperlink to an interactive button

Any way to do either of these?
Thanks

 

[Ronx]

Replace the submit button with an image -
<input type="image" name="subbutton" src="images/button.gif" alt="">

Or use CSS to style the buttons:

<input type="submit" name="subbutton" style="border:none; color:blue;
background:url('images/button.gif') width:25px;height:19px; value="submit">

Change width and height to suit the button. The button should not have any
wording, or set value="", and add wording to the button image.

 

[Stefan B Rusynko]

Replacing the submit w/ a image requires adding a JavaScript to make that image button submit the form (or do anything)

--

_____________________________________________
SBR @ ENJOY (-: [ Microsoft MVP - FrontPage ]
"Warning - Using the F1 Key will not break anything!" (-;
To find the best Newsgroup for FrontPage support see:
http://www.frontpagemvps.com/FrontPageNewsGroups/tabid/53/Default.aspx
_____________________________________________


| Replace the submit button with an image -
| <input type="image" name="subbutton" src="images/button.gif" alt="">
|
| Or use CSS to style the buttons:
|
| <input type="submit" name="subbutton" style="border:none; color:blue;
| background:url('images/button.gif') width:25px;height:19px; value="submit">
|
| Change width and height to suit the button. The button should not have any
| wording, or set value="", and add wording to the button image.
| --
| Ron Symonds - Microsoft MVP (FrontPage)
| Reply only to group - emails will be deleted unread.
| FrontPage Support: http://www.frontpagemvps.com/
|
| | >I am creating a DB access page and need several buttons that must submit
| > info to a CGI using a 'POST' FP2003, Win server 2003 with FP extensions
| >
| > If I use a standard form it works fine but the Submit button is ugly - I
| > would like to have a better looking / functioning button.
| >
| > or
| >
| > Add a 'POST' submit hyperlink to an interactive button
| >
| > Any way to do either of these?
| > Thanks
| > --
| > Dwight Crevelt
| > (e-mail address removed)
| >
| >
|
|

 

[Ronx]

<input type="image" ....> will directly replace the submit button (cannot
replace any other button, though).
There may be accessibility issues, however.

 

[Murray]

And therefore makes your form unusable when js is disabled....

 

[Dwight Crevelt]

I changed the form button to:

<input type="submit" name="b1" style="border:medium none; color:blue;
background:url('images/button2.jpg');height:50; width:250">

It brought up the image and worked - EXCEPT
the words 'Submit Query' were overlayed on the image.

Using the value="" results in the image being shorten / distorted




Replace the submit button with an image -
<input type="image" name="subbutton" src="images/button.gif" alt="">

Or use CSS to style the buttons:

<input type="submit" name="subbutton" style="border:none; color:blue;
background:url('images/button.gif') width:25px;height:19px; value="submit">

Change width and height to suit the button. The button should not have any
wording, or set value="", and add wording to the button image.

 

[Murray]

Background images on form buttons is not so satisfactory....

 

[Ronx]

When using styles, dimensions must have units:
<input type="submit" name="b1" style="border:medium none; color:blue;
background:url('images/button2.jpg');height:50; width:250">
should be
<input type="submit" name="b1" style="border: none; color:blue;
background:url('images/button2.jpg');height:50px; width:250px">

See my search form on the left at http://www.rxs-enterprises.org/
The css is:

..sbm {background:url('images/qbullets/search.gif') left top no-repeat;
width:13px; height:17px; border:none;}

The button:
<input type="submit" class="sbm" title="search" value="" />