Forms

Text Input

<div class="form-group">
    <label for="name">Username:</label>
    <input type="text" id="name" class="form-control" placeholder="Enter username">
</div>

Email Input

<input type="email" class="form-control" placeholder="your@email.com">

Textarea

<textarea class="form-control" rows="4" placeholder="Enter your message..."></textarea>

Select Dropdown

<select class="form-control">
    <option>-- Select --</option>
    <option>Option 1</option>
</select>

Checkbox

<label class="checkbox">
    <input type="checkbox" />
    I agree to the terms
</label>

Radio Button

<label class="radio">
    <input type="radio" name="option" />
    Option A
</label>

Complete Form Example

← Back to Components