如何从json数据创建html表单 [英] How to create html form from json data

问题描述

我有以下json数据



{fields：[{label：First Name，field_type：text，需要 ：真 field_options ：{ 大小 ： 介质， 描述： ， MINLENGTH： 5， 最大长度： 50， min_max_length_units： 字符}， cid：c6}

，{label：姓氏，field_type：text，required：true，field_options：{size： medium，description：，minlength：1，maxlength：50，min_max_length_units：characters}，cid：c10}

，{label：gender，field_type：radio，required：true，field_options：{options：[{label：Male，checked：true }，{label：Female，checked：false}]，include_other_option：false}，cid：c14}

，{label：Class ， field_type： 下拉菜单， 要求：真实的， field_options：{ 选项：[{ 标签： 第一， 检查：假}，{ 标签： 二 ， 检查：假}，{ 标签： 三， 检查：假}，{ 标签： 五四， 检查：假}]， include_blank_option：假}，CID ：c18}

， {label：Key Skills，field_type：checkboxes，required：true，field_options：{options：[{label：Studies，checked：false}， {label：Sports，checked：false}，{label：Speaker，checked：false}]}，cid：c24}]}





如何将其呈现为html？

I have a following json data

{"fields":[{"label":"First Name","field_type":"text","required":true,"field_options":{"size":"medium","description":"","minlength":"5","maxlength":"50","min_max_length_units":"characters"},"cid":"c6"}
,{"label":"Last Name","field_type":"text","required":true,"field_options":{"size":"medium","description":"","minlength":"1","maxlength":"50","min_max_length_units":"characters"},"cid":"c10"}
,{"label":"Gender","field_type":"radio","required":true,"field_options":{"options":[{"label":"Male","checked":true},{"label":"Female","checked":false}],"include_other_option":false},"cid":"c14"}
,{"label":"Class","field_type":"dropdown","required":true,"field_options":{"options":[{"label":"First","checked":false},{"label":"Second","checked":false},{"label":"Third","checked":false},{"label":"Fourth","checked":false}],"include_blank_option":false},"cid":"c18"}
,{"label":"Key Skills","field_type":"checkboxes","required":true,"field_options":{"options":[{"label":"Studies","checked":false},{"label":"Sports","checked":false},{"label":"Speaker","checked":false}]},"cid":"c24"}]}


How can I render it into the html ?

推荐答案

只需解析json然后再解析做东西。非常简单。



一个例子 - 使用JSON和jQuery生成HTML标记 [ ^ ]。

Just parse the json and then do stuff. Very easy.

One example - Generate HTML tags using JSON and jQuery[^].

这篇关于如何从json数据创建html表单的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！