Php Submit buttons in webpages

Question

I originally had a submit button like this

<form action="<?php $self ?>" method="post" >
    <input name="search" type="hidden" >
    <INPUT TYPE = "Submit" Name = "Submit1" VALUE = "search">
</form>

it made this statment true

if(isset($_POST['Search'])){}

For a time all was well then i made my submit button a image

<form action="<?php $self ?>" method="post" >
    <input name="Search" type="hidden" />
    <INPUT value="Search" TYPE="image" SRC="search.jpg" BORDER="0"  ALT="Search">
</form>

For more time all was good untill i wanted to make this button into a text link..

I looked on the internet and read many things where i learned that it cant be done in html but java script was needed.. so i tryed to use this code but it no longer made my statment true..

this is the javascript submit button i found

<a href='javaScript:document.FORM_NAME.submit()'>Submit</a>

My two questions to you wizards out there are 1) where do i put the value of the submit? 2) how do i get this to replace my earlyer submit buttons?

Why did you have to use JavaScript in the first place if it was already working fine? — random
– random, Commented Oct 2, 2009 at 12:46

Jesse O'Brien · Accepted Answer · 2009-10-02 13:08:07Z

8

Making a button into a text link is simple CSS.

<input type="submit" id="submit" value="submit" class="submitbutton" />

CSS:

input.submitbutton{
margin: 0;
border: none;
background-color: transparent;
padding: 0;
}
/* Make sure the hover has the same element properties as the first, obviously changing the font colour on hover is something acceptable */
input.submitbutton:hover{
margin: 0;
border: none;
background-color: transparent;
padding: 0;
}

answered Oct 2, 2009 at 13:08

Jesse O'Brien

6141 gold badge5 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

DisgruntledGoat · Accepted Answer · 2009-10-02 13:39:47Z

3

For starters you need to give your form a name corresponding to what's in the Javascript link (in this case, FORM_NAME):

<form name="FORM_NAME" action="<?php $self ?>" method="post" >
  <input name="search" type="hidden" />
  <a href='javaScript:document.FORM_NAME.submit()'>Submit</a>
</form>

Then on the page that checks the form, you need to check for $_POST['search'], which comes from the input. I don't think case matters, but it makes sense to always check using the same string anyway.

I'm not 100% sure what this form is meant to do since it doesn't seem to submit anything, don't you want to use a text input so the user can search for something?

edited Oct 2, 2009 at 13:39

answered Oct 2, 2009 at 13:18

DisgruntledGoat

73k70 gold badges214 silver badges295 bronze badges

Comments

easement · Accepted Answer · 2009-10-02 13:03:14Z

0

If you want an image as a submit button? Why not use the button element

<button name="search" value="search" type="submit">
    Send<img src="/icons/wow.gif" alt="wow" /></button>

see: http://www.w3.org/TR/html401/interact/forms.html#h-17.5

answered Oct 2, 2009 at 13:03

easement

6,1593 gold badges31 silver badges36 bronze badges

2 Comments

user47322 Over a year ago

Because IE doesn't support <button>

DisgruntledGoat Over a year ago

He said he wanted a text link.

easement · Accepted Answer · 2009-10-02 14:08:48Z

0

Just out of curiosity, how will users without javascript enabled submit the form?

How about using CSS to style submit input to look like a text rather than a button?

examples here: http://cssm.wordpress.com/2006/10/01/how-do-i-make-a-submit-button-look-like-text/ http://forums.digitalpoint.com/showthread.php?t=403667

answered Oct 2, 2009 at 14:08

easement

6,1593 gold badges31 silver badges36 bronze badges

Collectives™ on Stack Overflow

Php Submit buttons in webpages

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related