HTML Form as Array with key - value pair

Question

Is it possible to create a form in pure HTML so that when it is passed, the result is the array, but the 'name' becomes the index 'key' and the value becomes the index 'value'?

For instance, say my form is to have multiple attributes. First attribute is a color, second is a abbv, and third is a cost.

So I'd like to get an array of the following form:

attributes: [
    {
        key : 'color',
        value: 'the color the user picks'
    },
    {
        key : 'abbv',
        value: 'the abbreviation the user types'
    },
    {
        key : 'cost',
        value: 'the cost the user assigns'
    }    
]

I want to know if this is possible in pure HTML. I know I can perform this in Javascript.

not that I know of. you can do input name="attributes[key]" I think but that would be my best guess. You'll want it this way though, attributes[key][] — ArtisticPhoenix
– ArtisticPhoenix, Commented Jul 12, 2014 at 22:08
You are talking about a javascript array.. there's no array on pure HTML. Explain more if I misunderstood. — Pablo Matias Gomez
– Pablo Matias Gomez, Commented Jul 12, 2014 at 22:10
Okay, I guess this cannot be done without Javascript reformatting it. — Kousha
– Kousha, Commented Jul 12, 2014 at 22:13
If you want a data structure like that when the form is submitted, then how you get it depends (mostly) on the language you are using to parse the form data. Are you using JavaScript server side (e.g. with Node)? — Quentin
– Quentin, Commented Jul 12, 2014 at 22:23

Noah Freitas · Accepted Answer · 2014-07-12 22:23:02Z

1

What you are asking for is an application/json encoding type for HTML form submissions.

This type is not currently specified for HTML, which, as of version 5, specifies three encoding types:

application/x-www-form-urlencoded
multipart/form-data
text/plain

And of course, if it were supported, there is no guarantee that it would serialize the data in the format you've specified.

edited Jul 12, 2014 at 22:23

answered Jul 12, 2014 at 22:17

Noah Freitas

17.5k11 gold badges53 silver badges67 bronze badges

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

Collectives™ on Stack Overflow

HTML Form as Array with key - value pair

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related