RKM
-CODE
Form Builder
Select Field Type:
Text
Email
Number
Checkbox
Radio
Textarea
Dropdown
Field Label:
Placeholder (optional):
Required Field
Add Field
Generate Form
Copy to Clipboard
Toggle Dark Mode
.container{ background: #fff; padding: 30px; width: 75%; border-radius: 5px; border: 1px solid #ddd; white-space: pre-wrap; word-wrap: break-word; display: grid; } h2 { text-align: center; } label { font-weight: bold; display: block; margin-top: 10px; } select { width: 100%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; } .checkbox { display: none; } input, textarea{ width: 93.5%; padding: 10px; margin-top: 5px; border: 1px solid #ccc; border-radius: 5px; resize: none; } button { margin-top: 10px; width: 100%; padding: 10px; background: #007bff; color: white; border: none; border-radius: 5px; cursor: pointer; } button:hover { background: #0056b3; }
Copy Form CSS
Form Fields:
Generated Form:
Form Preview: