Go back to Examples

Form

Basics - Beginner

Versoly includes a form element along with a visual editor to add new inputs and edit existing ones. You can add a success url for it to be redirected after, custom success/error messages and custom scripts before, during and after submission.

                <form data-formid="replace" data-success-url="">
    <div class="row gap-y-3">
        <div class="col md:w-6/12">
            <label>Full Name</label>
            <input class="form-input" type="text" name="name" placeholder="Full Name" required>
        </div>
        <div class="col md:w-6/12">
            <label>Email</label>
            <input class="form-input" type="email" name="email" placeholder="Email" required>
        </div>
        <div class="col">
            <label>Message</label>
            <textarea class="form-input" rows="5" name="message" placeholder="Message"></textarea>
        </div>
        <div class="col">
            <button class="btn btn-primary" type="submit">Send Message</button>
        </div>
    </div>
</form>
Modal Table