<div class="form-group flex-vt">
<label for="email-input" class="form-label form-field-required">Email</label>
<input type="email" id="email-input" class="form-control" placeholder="abc@gmail.com" required />
<small class="form-text text-mutated">We will never share your email with anyone.</small>
</div>
<div class="form-group flex-vt">
<label for="name-input" class="form-label form-field-required">Name</label>
<input type="text" id="name-input" class="form-control" placeholder="enter name" required />
</div>
<div class="form-group flex-vt">
<label for="password-input" class="form-label form-field-required">Password</label>
<input type="password" id="password-input" class="form-control" placeholder="enter password" />
</div>
<div class="form-group flex-vt">
<label for="password-input" class="form-label form-field-required">Confirm Password</label>
<input type="password" id="password-input" class="form-control" placeholder="enter password" />
<small class="form-text text-error">Passwords do not match!</small>
</div>
<div class="form-group flex-vt">
<label for="select-input" class="form-label form-field-required">Country</label>
<select name="select-name" id="select-input">
<option value="value1">India</option>
<option value="value1">America</option>
<option value="value1">France</option>
<option value="value1">Australia</option>
</select>
</div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter