How do I create a custom Contact Form? (advanced)

This topic is intended for users who wish to create a customized Contact Form using their own markup.

The skeleton framework of a Contact Form is as follows.  Class and name attributes must match as shown.

<form class="pq-block-js-contact-form">
    <!-- Name input -->
    <input type="text" name="name" required>
    <!-- Email input -->
    <input type="email" name="email" required>
    <!-- Department input.  Pool Queue will populate the options at runtime. -->
    <select name="department"></select>
    <!-- Subject input -->
    <input type="text" name="subject" required>
    <!-- Message body input -->
    <textarea name="message" required></textarea>
</form>