form.twig

<section class="contact">
    {% macro errorList(errors) %}
        {% if errors %}
            <ul class="errors">
                {% for error in errors %}
                    <li>{{ error }}</li>
                {% endfor %}
            </ul>
        {% endif %}
    {% endmacro %}

    {% from _self import errorList %}    
    <div class="chapterAnchor" id="contact"></div>
        <div id="js-form-header">
            <div class="container">            
                <h3>{{ entry.connectTitle }}</h3>
                <h4>{{ entry.connectDesc }}</h4>     
            </div>         
        </div>
        <div id="js-form-thanks" class="form-thanks" style="display: none">
            <div class="container">            
                <h3>{{ entry.successNotice.heading }}</h3>
                <h4>{{ entry.successNotice.text }}</h4>    
            </div>        
        </div>
    <div class="container">

        {% set email = entry.toEmail != '' ? entry.toEmail : '[email protected]' %}
        <form id="js-contact-form" method="post" accept-charset="UTF-8" class="contactForm">
            {{ csrfInput() }}
            <input type="hidden" name="action" value="contact-form/send">
            <input type="hidden" name="toEmail" value="{{ email|trim|hash }}">
            {{ redirectInput('?thanks') }}

            <div class="contactColumn">
                <input reqired
                name="fromName" 
                value="{{ message.fromName ?? '' }}" 
                type="text"  
                placeholder="{{ entry.namePlaceholder }}" 
                autocomplete="name" />
                <br/>
                <input reqired 
                name="fromEmail" 
                value="{{ message.fromEmail ?? '' }}" 
                type="email" 
                name="email"  
                placeholder="{{ entry.mailPlaceholder }}" 
                autocomplete="email" /> 
                <br/><!-- 
                <input id="subject" 
                type="text" 
                name="subject" 
                value="{{ message.subject ?? '' }}"
                placeholder="Subject"> -->
            </div>
            <div class="contactColumn">
                <textarea placeholder="{{ entry.textPlaceholder }}" name="message">{{ message.message ?? '' }}</textarea>
                <br>
                <button class="button" type="submit">{{ entry.connectButtonName }}</button>
            </div>
        </form>
    </div>
</section>