title: How do i change my HTML page with a form?
body: <p>I will explain my problem, I have an HTML page &quot;index&quot; with many buttons (all Href linked to other sites), I would like to create a form which writes alone the basic code.</p>
  <p>I think an example would explain better, this form is for non-developer, 3 input (name, href, picture) and when you use the form, it updates the index page with a new button who is already linked to the other website.</p>
  <p>I was thinking about creating many buttons with display: none, and update these buttons. Or having a script already written who could be filled.</p>
  <p>I want these new buttons to stay even if you refresh the page.</p>
  <p>My index looks like this :</p>
  <pre><code>@{
  ViewData[&quot;Title&quot;] = &quot;Index&quot;;
  }
  
  &lt;div style=&quot;background-image: url('img/LOGOFIVES.jpg');&quot;&gt;
      &lt;div class=&quot;text-center&quot;&gt;
          &lt;h5 class=&quot;my-4&quot;&gt;Bienvenue sur le portail Fives.&lt;/h5&gt;
          &lt;div class=&quot;row m-4&quot;&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a asp-controller=&quot;Order&quot; asp-action=&quot;Index&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Ordres&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a asp-controller=&quot;Article&quot; asp-action=&quot;Index&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Articles&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a href=&quot;http://eclqualios/&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Portail Qualios&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a href=&quot;https://fioriprd.global.fivesgroup.com:44300/sap/bc/ui5_ui5/ui2/ushell/shells/abap/Fiorilaunchpad.html&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Saphir&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a href=&quot;http://eclnet/md/&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Base Qualité&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot; onclick=&quot;alert([message?: veuillez utiliser Internet Explorer pour utiliser Chronogestor sans problème])&quot;&gt;
                  &lt;a href=&quot;http://chronogestor/salaries/&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Chronogestor&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a href=&quot;http://eclnet/&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Intranet Fives ECL&lt;/a&gt;
              &lt;/div&gt;
              &lt;div class=&quot;col-12 col-md-6 col-lg-4 col-xl-3 my-2&quot;&gt;
                  &lt;a href=&quot;https://portal.fivesgroup.com/&quot; class=&quot;btn btn-lg btn-primary btn-block&quot;&gt;Portail Fives&lt;/a&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>