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>