# Creating a contact form

Now we have our Contact Service email service and Contact Form email template. Let's create a simple HTML form and send its content by email.



<!DOCTYPE html>
    <title>Contact Form</title>
    <script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2.4.1/dist/email.min.js"></script>
    <script type="text/javascript">
    <script type="text/javascript">
        window.onload = function() {
            document.getElementById('contact-form').addEventListener('submit', function(event) {
                // generate the contact number value
                this.contact_number.value = Math.random() * 100000 | 0;
                emailjs.sendForm('contact_service', 'contact_template', this);
    <form id="contact-form">
        <input type="hidden" name="contact_number">
        <input type="text" name="user_name">
        <input type="email" name="user_email">
        <textarea name="message"></textarea>
        <input type="submit" value="Send">

You can obtain your user ID from the Account - API keys page in the EmailJS dashboard. After filling the fields and sending the request we should find the new email in our personal inbox. If you can't find it take a look at the spam folder.

# So what did we do?

First, we load our EmailJS SDK

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/emailjs-com@2.4.1/dist/email.min.js"></script>

Second, we initialize the SDK with our user ID


Third, we submit our contact form and send it through EmailJS, using our Contact Service and Contact Form:

emailjs.sendForm('contact_service', 'contact_form', this);

# That’s it!

You now have a contact form that sends all submissions to your inbox via your own Gmail account.