Submit buttons: button text different from value

Question

I am writing a search form in PHP. I want the user to be able to add search fields using following submit button:

<input type="submit" name="fields" value="<?php echo $fields+1 ?>" />

Now the button shows the value of $fields + 1. Actually what I want is the button to show something else (like add new field). Just adding text between the <input>...</input> tags does not help. The text just appears right of the button.

How do I change the text on the button and still pass the value of $fields + 1 to GET/POST?

Possible duplicate of [HTML Submit-button: Different value / button-text?](http://stackoverflow.com/questions/4171664/html-submit-button-different-value-button-text) — Organic Advocate, Feb 02 '16 at 22:58

score 10 · Accepted Answer · answered Jun 13 '12 at 10:43

10

You can use an hidden input to store the value count, it will be available after GET/POST:

<input type="submit" name="fields" value="add new field" />
<input type="hidden" name="fieldsCount" value="<?php echo $fields+1 ?>" />

answered Jun 13 '12 at 10:43

Zuul

16,217
6
61
88

2

may not work when you have multiple submit fields, and need different value for each internally (not visible), with different names for each externally (visible) – Dennis Nov 25 '14 at 23:27

score 9 · Answer 2 · edited May 05 '17 at 11:18

9

You can use the button element:

<button type="submit" name="seven" value="7">Push Me</button>

Refs: http://www.w3schools.com/tags/att_button_type.asp

edited May 05 '17 at 11:18

Ivanka Todorova

9,964
16
66
103

answered Feb 19 '14 at 15:02

jelle foks

751
6
8

This is much better than the accepted answer. Maybe it's a new feature since that answer? – Robert Webb Jan 02 '20 at 15:48

score 3 · Answer 3 · edited Jun 13 '12 at 10:54

3

You Can use the hidden field to store or post the $fields+1 value:

<input type="hidden" name="fields" value="<?php echo $fields+1 ?>" />
<input type="submit" name="submitter" value="Send" />

edited Jun 13 '12 at 10:54

Suresh kumar

2,002
1
19
28

answered Jun 13 '12 at 10:44

Akarun

3,220
2
24
25

Submit buttons: button text different from value

3 Answers3