yandex
PestForm

Hazır Formlar

En çok kullanılan front-end kütüphanelerinden örnek formlar hazırladık. Bunları kendi web sayfalarınız için özelleştirebilir ve kullanabilirsiniz.

HTML
Code:
                    
    <form action="{PestForm-endpoint}" method="POST">
        <input type="text" name="first_name">
        <input type="text" name="last_name">
        <button type="submit" >Submit</button>
    </form>
                    
                
TailwindCSS
Code:
                 
    <form action="{PestForm-endpoint}" method="POST" class="px-8 pt-6 pb-8 mb-4 bg-white rounded shadow-md">
        <div class="mb-4">
            <input class="w-full px-3 py-2 border rounded focus:shadow-outline" type="text" name="first_name" placeholder="First Name">
            <input class="w-full px-3 py-2 border rounded focus:shadow-outline" type="text" name="last_name" placeholder="Last Name">
        </div>
    </form>
                
                
Bootstrap
Code:
                    
    <form action="{PestForm-endpoint}" method="POST">
        <div class="form-group">
            <label for="name">Name</label>
            <input type="text" class="form-control" name="first_name" aria-describedby="nameHelp" placeholder="Enter name">
            <small id="nameHelp" class="form-text text-muted">We'll never share your name with anyone else.</small>
        </div>
        <div class="form-group">
            <label for="surname">Surname</label>
            <input type="text" class="form-control" name="last_name" aria-describedby="lastNamelHelp" placeholder="Enter surname">
            <small id="lastNamelHelp" class="form-text text-muted">We'll never share your surname with anyone else.</small>
        </div>
        <div class="form-group">
            <label for="exampleInputEmail1">Email address</label>
            <input type="email" class="form-control" id="exampleInputEmail1" aria-describedby="emailHelp" placeholder="Enter email">
            <small id="emailHelp" class="form-text text-muted">We'll never share your email with anyone else.</small>
        </div>
        <button type="submit" class="btn btn-primary">Submit</button>
    </form>