html Форма для xml генератора

Question

Привет, я пытаюсь сделать из и преобразовать его в XML. Проблема в том, что я не могу использовать xmlbuilder на стороне клиента, мне нужно создать бэкэнд. Я не могу использовать Требуется клиентская сторона.

Я не знаю, есть ли самый простой способ сделать это.

после создания формы я хочу сохранить ее в «файле». xml »

здесь мое приложение:

https://drive.google.com/open?id=1M3S1tqfgqci3OZZU0fwLDV5nCbRLUErv

и как это выглядит:

есть ввод, переключатели, флажки и, наконец, редактируемая таблица.

все это должно соответствовать шаблону xml:

<?xml version="1.0" encoding="utf-8"?>
<ProjetGC xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" xmlns:xsd="http://www.w3.org/2001/XMLSchema">
  <Langue>FRA</Langue>
  <Chantier>
    <Designation>DYNASTIE</Designation>
    <NumeroCommande />
    <Rue>ROUTE D'ERSTEIN</Rue>
    <Ville>67150 OSTHOUSE</Ville>
  </Chantier>
  <Client>
    <Entreprise>METALLERIE BIECHEL</Entreprise>
    <Telephone>06.12.12.12.12</Telephone>
    <Interlocuteur>M.BIECHEL</Interlocuteur>
    <Rue>ROUTE D'ERSTEIN</Rue>
    <Rue2 />
    <CodePostal>67150</CodePostal>
    <Ville>OSTHOUSE</Ville>
    <Email>CONTACT@ESSAI.COM</Email>
  </Client>
  <Modeles>
    <Modele>
      <Libelle>Acrotère - Anglaise intérieure ...</Libelle>
      <Couleur>RAL ???</Couleur>
      <Support>
        <Pose>CAAI_C</Pose>
        <Sabot>FA120DEP</Sabot>
        <Pente>0</Pente>
        <Yf>90</Yf>
        <Ya>200</Ya>
        <Zf>95</Zf>
        <Zd>200</Zd>
        <Za>730</Za>
        <Zdd>480</Zdd>
        <Zmc>1030</Zmc>
        <Zgs>50</Zgs>
        <GardeCorps>LISSES</GardeCorps>
        <EntraxePoteaux>1700</EntraxePoteaux>
        <JeuMur>40</JeuMur>
        <dPoteauMur>250</dPoteauMur>
        <yCale>0</yCale>
        <HasProfilArret>false</HasProfilArret>
        <zProfilArret>80</zProfilArret>
        <CoupeOnglet>false</CoupeOnglet>
      </Support>
      <Details>
        <Remplissage>AUCUN</Remplissage>
        <HabillageTole>
          <IsActive>false</IsActive>
          <Hauteur>0</Hauteur>
        </HabillageTole>
        <MainCourante>MC8030</MainCourante>
        <Caracteristique1 />
        <Caracteristique2 />
        <EcartsLisses>122 / 122</EcartsLisses>
      </Details>
      <Definitions>
        <Definition>
          <Repere>A9AT</Repere>
          <Quantite>1</Quantite>
          <Segments>2932&lt;90 / 6800&lt;90 / 2932&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B9AT</Repere>
          <Quantite>1</Quantite>
          <Segments>2932&lt;90 / 6800&lt;90 / 2932&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B10AT</Repere>
          <Quantite>1</Quantite>
          <Segments>1600&lt;90 / 3400&lt;90 / 15420&lt;90 / 6595&lt;90 / 1600&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B11AT</Repere>
          <Quantite>1</Quantite>
          <Segments>1560&lt;90 / 3404&lt;90 / 15389&lt;90 / 6580&lt;90 / 1560&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
      </Definitions>
    </Modele>
    <Modele>
      <Libelle>Dalle - Anglaise ...</Libelle>
      <Couleur>RAL ???</Couleur>
      <Support>
        <Pose>CDA</Pose>
        <Sabot>FA120</Sabot>
        <Pente>0</Pente>
        <Yf>90</Yf>
        <Ya>200</Ya>
        <Zf>170</Zf>
        <Zd>180</Zd>
        <Za>250</Za>
        <Zdd>480</Zdd>
        <Zmc>1030</Zmc>
        <Zgs>0</Zgs>
        <GardeCorps>VIDE</GardeCorps>
        <EntraxePoteaux>1200</EntraxePoteaux>
        <JeuMur>40</JeuMur>
        <dPoteauMur>250</dPoteauMur>
        <yCale>0</yCale>
        <HasProfilArret>true</HasProfilArret>
        <zProfilArret>80</zProfilArret>
        <CoupeOnglet>false</CoupeOnglet>
      </Support>
      <Details>
        <Remplissage>AUCUN</Remplissage>
        <HabillageTole>
          <IsActive>false</IsActive>
          <Hauteur>0</Hauteur>
        </HabillageTole>
        <MainCourante>MC8030</MainCourante>
        <Caracteristique1>44/2</Caracteristique1>
        <Caracteristique2>OPALE</Caracteristique2>
        <EcartsLisses>160</EcartsLisses>
      </Details>
      <Definitions>
        <Definition>
          <Repere>A1AR</Repere>
          <Quantite>1</Quantite>
          <Segments>910&lt;90 / 4000&lt;90 / 2260&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>A3RU</Repere>
          <Quantite>1</Quantite>
          <Segments>1160&lt;90 / 3985&lt;90 / 2510&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>A2AR</Repere>
          <Quantite>1</Quantite>
          <Segments>2260&lt;90 / 3985&lt;90 / 910&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>A4RU</Repere>
          <Quantite>1</Quantite>
          <Segments>2510&lt;90 / 11665&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B5AR</Repere>
          <Quantite>1</Quantite>
          <Segments>910&lt;90 / 3980&lt;90 / 2260&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B6AR</Repere>
          <Quantite>1</Quantite>
          <Segments>2260&lt;90 / 4025&lt;90 / 910&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B7RU</Repere>
          <Quantite>1</Quantite>
          <Segments>1160&lt;90 / 3995&lt;90 / 2510&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
        <Definition>
          <Repere>B8RU</Repere>
          <Quantite>1</Quantite>
          <Segments>2510&lt;90 / 11690&lt;90 / 2510&lt;90</Segments>
          <DalleADroite>true</DalleADroite>
          <FixationsLaterales>false</FixationsLaterales>
          <Commentaires />
        </Definition>
      </Definitions>
    </Modele>
  </Modeles>
</ProjetGC>