# Contact form (html)

**URL:** <https://community.sitejet.io/t/contact-form-html/2686>\
**Category:** Website Builder\
**Tags:** cms\_contactform, cms\_code\
**Created:** [November 8, 2023, 11:09am UTC](https://community.sitejet.io/t/contact-form-html/2686 "2023-11-08T11:09:38Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![Alena\_Rozhdestvenskaya](https://avatars.discourse-cdn.com/v4/letter/a/a9a28c/32.png) [@Alena\_Rozhdestvenskaya](https://community.sitejet.io/u/Alena_Rozhdestvenskaya)\
**Post date:** [November 8, 2023, 11:09am UTC](https://community.sitejet.io/t/contact-form-html/2686/1 "2023-11-08T11:09:38Z")

</div>

Hello,

how can I add feld (html) to a contact form? So that the data entered by the user is transmitted by email along with the rest of the data in the form?

Here is a sample code:

```
<div class="contact-form">
    <div class="contact-row">
        <input type="text" placeholder="Имя">
        <span class="add-button" onclick="addRow()">➕</span>
    </div>
</div>

<script>
    function addRow() {
        var contactForm = document.querySelector('.contact-form');
        var newRow = document.createElement('div');
        newRow.className = 'contact-row';
        newRow.innerHTML = '<input type="text" placeholder="Другое поле"><span class="add-button" onclick="addRow()">➕</span>';
        contactForm.appendChild(newRow);
    }
</script>

```

Thanks in advance.

---

<div class="post-metadata">

**Author:** ![Martin.Sitejet.Team](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/martin.sitejet.team/32/25_2.png) [@Martin.Sitejet.Team](https://community.sitejet.io/u/Martin.Sitejet.Team)\
**Post date:** [November 10, 2023, 10:01am UTC](https://community.sitejet.io/t/contact-form-html/2686/3 "2023-11-10T10:01:10Z")

</div>

Hi @Alena_Rozhdestvenskaya

You would need a custom form for this, except if you know how many input field you need, then it would be possible to simply hide them and show them using animation and a button, but this would probably not be a perfect solution either, as the inputs would be hidden again when the button is pressed again.

---

<div class="post-metadata">

**Author:** ![Andre](https://dub1.discourse-cdn.com/flex017/user_avatar/community.sitejet.io/andre/32/3459_2.png) [@Andre](https://community.sitejet.io/u/Andre)\
**Post date:** [January 24, 2024, 9:33am UTC](https://community.sitejet.io/t/contact-form-html/2686/4 "2024-01-24T09:33:29Z")

</div>