Как создать переменную HTML-форму на основе ключей в каком-то другом файле - PullRequest
Новая
       0

Как создать переменную HTML-форму на основе ключей в каком-то другом файле

0 голосов
/ 12 февраля 2019

Я хочу обновить атрибуты о конкретном человеке через HTML-форму.Однако каждая HTML-форма должна немного отличаться для каждого человека.У меня есть файл с отображением от человека -> поля формы.Как я могу сделать HTML-форму, поля которой заполняются сопоставлением в другом файле?

HTML, Javascript или PHP-решения отлично.

1 Ответ

0 голосов
/ 12 февраля 2019

Что вам нужно, это динамически создавать свои формы.Вы можете использовать эту библиотеку для создания форм с помощью json: https://github.com/jsonform/jsonform

Она очень проста в использовании и содержит все компоненты формы HTML.

Пример: 

<html>
  <head>
    <meta charset="utf-8" />
    <title>Getting started with JSON Form</title>
    <link rel="stylesheet" style="text/css" href="https://jsonform.github.io/jsonform/deps/opt/bootstrap.css" />
  </head>
  <body>
    <h1>Getting started with JSON Form</h1>
    <form></form>
    <div id="res" class="alert"></div>
    <script type="text/javascript" src="https://jsonform.github.io/jsonform/deps/jquery.min.js"></script>
    <script type="text/javascript" src="https://jsonform.github.io/jsonform/deps/underscore.js"></script>
    <script type="text/javascript" src="https://jsonform.github.io/jsonform/deps/opt/jsv.js"></script>
    <script type="text/javascript" src="https://jsonform.github.io/jsonform/lib/jsonform.js"></script>
    <script type="text/javascript">
      $('form').jsonForm({
        schema: {
          name: {
            type: 'string',
            title: 'Name',
            required: true
          },
          age: {
            type: 'number',
            title: 'Age'
          }
        },
        onSubmit: function (errors, values) {
          if (errors) {
            $('#res').html('<p>I beg your pardon?</p>');
          }
          else {
            $('#res').html('<p>Hello ' + values.name + '.' +
              (values.age ? '<br/>You are ' + values.age + '.' : '') +
              '</p>');
          }
        }
      });
    </script>
  </body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...