POST forms: How to put GET parameters in action attribute?

Question

I have this form:

<!DOCTYPE html>
<html>
    <body>
        <form action="draft.html?test=1">
            <button type="submit">Valid</button>
        </form>
    </body>
</html>

But when I click on valid it doesn't redirect to draft.html?test=1 but to draft.html. What am I doing wrong?

Thank you for your help.

EDIT: I know that I should favour <input type="hidden"> but I want to use it for a POST form.

EDIT 2: This is a stupid question, as soon as I change the method of the form to POST, the problem is resolved.

Make a hidden input text tag and give it an attribute name="test" and value="1" and also in form set method to get. — Atul Kumar, Mar 26 '18 at 14:19
Yes but that is not sensible data, just the name of the page to be included by the index.php. — JacopoStanchi, Mar 26 '18 at 14:28

score 6 · Accepted Answer · answered Mar 26 '18 at 14:28

If you absolutely need to put it on action attribute you can use method="POST".

<!DOCTYPE html>
<html>
    <body>
        <form action="draft.html?test=1" method="POST">
            <button type="submit">Valid</button>
        </form>
    </body>
</html>

Otherwise if you want to send your data trough GET use

<!DOCTYPE html>
<html>
    <body>
        <form action="draft.html" method="GET">
            <input type="hidden" name="test" value="1">
            <button type="submit">Valid</button>
        </form>
    </body>
</html>

score 2 · Answer 2 · answered Mar 26 '18 at 14:18

2

When you submit a form with method="GET" (the default), the query string of the action is replaced with the data in the form.

Don't put the data in the action attribute. Put it in hidden input elements instead.

<form action=draft.html>
    <input type=hidden name=test value=1>
    <button>Valid</button>
</form>

answered Mar 26 '18 at 14:18

Quentin

914,110
126
1,211
1,335

Yes but in fact I want to use it for a POST form. – JacopoStanchi Mar 26 '18 at 14:25
1

@JacopoStanchi — So just use a POST form instead of asking questions about a GET form then. – Quentin Mar 26 '18 at 14:26
Yes, I fixed my first post. – JacopoStanchi Mar 26 '18 at 14:33
@JacopoStanchi — With your edit to your question, the problem you describe doesn't occur. – Quentin Mar 26 '18 at 14:34
Indeed, I'll change it again. – JacopoStanchi Mar 26 '18 at 14:34

score 1 · Answer 3 · 2018-03-26T14:36:43.023

1

Is this what you want?

<form action="draft.html">
    <input type="hidden" name="test" value="1">
    <button type="submit">Valid</button>
</form>

edited Mar 26 '18 at 14:36

answered Mar 26 '18 at 14:31

2

You don't need to hack the input element with CSS when you have the native type=hidden. – Edgar Griñant Mar 26 '18 at 14:34

POST forms: How to put GET parameters in action attribute?

3 Answers3