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は、時刻Tで到着するために、ポイントAからポイントBに到達する方法について、様々なサードパーティのサーバに問い合わせる方法を知っている。ユーザはムービー名のみを知っている。地獄へのドラッグをクリックしてルートを取得する。サーバーM は、ムービーの名前を示す単一のボタンと、開始位置と終了位置、および所望の到着時間を有する複数の隠しフィールドを有するフォームを生成することができるが、多くの繰り返しコードが必要となる。これらのワンボタンミニフォームはすべて同じ方法とアクション、同じ隠れた入力フィールド構造を持ちます。スタイリングはボタンの集まりではなくミニフォームの集まりなので、FIELDSETとLEGENDは使用できません（HTMLは入れ子にされたフォームを禁止するため）。パラメータをボタンのvalue属性に入れるのははるかに精巧です。

Answer 1

ボタン要素を持っている必要がまあ場合、偽のプロパティを設定するためにJavaScriptを使用していない理由：フォーム中に「compoundValueのを読んで、その後

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

をしてなど、

を本当にあなたをけれども提出あなたが達成しようとしているもののためのチェックボックスのグループや他のフォームビットを検討したいかもしれません。