Составной объект в атрибуте значения HTML <button>

Question

Если по какой-то причине было обязательным связывать с более чем одним значением, есть ли хороший способ сделать это? Например ...

CSV: 
  <button value="Lancelot,Grail,blue">Answer</button>
JSON: 
  <button value="{'name':'Lancelot','quest':'Grail','color':'blue'}">Answer</button>

В отсутствие хорошего способа сделать это, существует ли традиционный способ?

Редактировать: другой вариант использования

Сервер M, производитель HTML, знает текущее местоположение пользователя и любимые жанры, названия фильмов, ближайший театр и следующий сеанс. Сервер F знает, как запрашивать различные сторонние серверы о том, как добраться из точки А в точку Б, чтобы прибыть к моменту времени Т. Пользователь знает только названия фильмов: нажмите Перетащите меня в ад и получите маршрут. Сервер M может генерировать форму для каждого фильма, с одной кнопкой, показывающей название фильма и несколько скрытых полей с начальной и конечной точками и желаемым временем прибытия, но для этого потребуется много повторный код. Каждая из этих мини-форм, состоящих из одной кнопки, будет иметь одинаковый метод и действие и одинаковую структуру скрытого поля ввода. Стилизация будет представлять собой набор мини-форм, а не набор кнопок, поэтому FIELDSET и LEGEND недоступны (поскольку HTML запрещает вложенные формы). Поместить параметры в атрибут значения кнопки будет намного аккуратнее.

Answer 1

Хорошо, если вам нужен элемент кнопки, почему бы не использовать JavaScript для установки поддельного свойства:

$('mybutton').compoundValue = { ... json ... };

, а затем чтение 'componentValue' во время отправки формы и т. Д.

Хотя на самом деле вы, возможно, захотите рассмотреть группу флажков или некоторые другие биты формы для того, что вы пытаетесь достичь.