All input field
Copy
<!-- Input Text --><div class="form-group"><label class="form-label" for="exampleInputText">Input text</label><input class="form-control" id="exampleInputText" type="text" placeholder="Designing World"></div><!-- Input Email --><div class="form-group"><label class="form-label" for="exampleInputemail">Input email</label><input class="form-control" id="exampleInputemail" type="email" placeholder="care.designingworld@gmail.com"></div><!-- Input Password --><div class="form-group"><label class="form-label" for="exampleInputpassword">Input password</label><input class="form-control" id="exampleInputpassword" type="password"></div><!-- Input Number --><div class="form-group"><label class="form-label" for="exampleInputnumber">Input number</label><input class="form-control" id="exampleInputnumber" type="number" placeholder="12"></div><!-- Input Phone --><div class="form-group"><label class="form-label" for="exampleInputtelephone">Input telephone</label><input class="form-control" id="exampleInputtelephone" type="tel" placeholder="+880 123 456 7890"></div><!-- Input URL --><div class="form-group"><label class="form-label" for="exampleInputurl">Input url</label><input class="form-control" id="exampleInputurl" type="url" placeholder="https://themeforest.net/user/designing-world"></div><!-- Readonly Input --><div class="form-group"><label class="form-label" for="exampleInputReadonly">Readonly input</label><input class="form-control" id="exampleInputReadonly" type="text" placeholder="Designing World" readonly></div><!-- Readonly Plain Text --><div class="form-group"><label class="form-label" for="exampleInputText3">Readonly plain text</label><input class="form-control-plaintext" id="exampleInputText3" type="text" placeholder="Designing World" readonly></div><!-- Color Picker --><div class="form-group"><label class="form-label" for="exampleColorInput">Color picker</label><input class="form-control form-control-color" id="exampleColorInput" type="color" value="#563d7c" data-bs-toggle="tooltip" data-bs-placement="right" title="Choose your color"></div><!-- Input Large --><div class="form-group"><label class="form-label" for="exampleInputText2">Input large</label><input class="form-control form-control-lg" id="exampleInputText2" type="text" placeholder="Designing World"></div><!-- Input Small --><div class="form-group"><label class="form-label" for="exampleInputText3">Input small</label><input class="form-control form-control-sm" id="exampleInputText3" type="text" placeholder="Designing World"></div>