我正在添加一个功能，我的公司网站联系我们的形式，从我的经理的要求是设计和开发一个联系我们的形式，使该网站不涉及任何后端部分对我们来说，而后端是由第三方服务或网络API处理。我不太清楚如何第三方服务和网络api之间的区别。任何有关这方面的帮助是非常感谢。
下面是我为联系我们表单编写的html代码。除此之外，我还必须验证表单，这样用户就不会输入任何错误。此外，我的经理也希望有一个强大的recaptcha。我对web开发世界相当陌生。我想学习如何进行验证和web API的东西。

HTML Code
    <div class="container">
        <div class="subscribe-wrap">
            <!--Section heading-->
            <h2 class="section-title">Contact us</h2>
            <!--Section description-->
            <p class="section-description">Do you have any questions? Please do not hesitate to contact us directly.
                Our team will come back to you within a matter of hours to help you.</p>

            <form id="contact-form" name="contact-form">

                <div class="form-group">
                    <input type="text" id="name" name="name" class="form-control" placeholder="Name">
                </div>
                <div class="form-group">
                    <input type="text" id="email" name="email" class="form-control" placeholder="Email">
                </div>

                <div class="form-group">
                    <input type="text" id="subject" name="subject" class="form-control" placeholder="Subject">
                </div>
                <div class="form-group">
                    <textarea type="text" id="message" name="message" class="form-control" rows="3">  </textarea>
                </div>

            </form>
            <div class="">
                <a class="obri-btn"  onclick="validateForm()"  style="color: white;">Send</a>
            </div>
            <div class="status alert alert-primary" role="alert" id="status"
                 style="display: none; margin-top: 20px;">

            </div>
        </div>
    </div>

我希望在按下提交按钮的形式去该公司的电子邮件。也就是在代码中，无处显示我们公司的电子邮件，以避免垃圾邮件。此外，该页面不会重定向到其他页面，而在同一页中，我显示的消息，谢谢您发送的形式。