YouTip LogoYouTip

Bootstrap4 Forms Inputs

Bootstrap4 supports the following form controls: * input * textarea * checkbox * radio * select ## Bootstrap Input Bootstrap supports all HTML5 input types: text, password, datetime, datetime-local, date, month, time, week, number, email, url, search, tel, and color. **Note:** If the type attribute for the input is not correctly declared, the input field will not be styled. The following example uses two input elements, one of type text and one of type password: ## Example
[Try it Β»](#) * * * ## Bootstrap textarea The following example demonstrates the styling of a textarea. ## Example
[Try it Β»](#) * * * ## Bootstrap Checkbox Checkboxes allow the user to select one or more options from a set of predefined options. The following example contains three options. The last one is disabled: ## Example
[Try it Β»](#) Use the .form-check-inline class to display the options on the same line: ## Example
[Try it Β»](#) * * * ## Bootstrap Radio Radio buttons allow the user to select only one option from a set of predefined options. The following example contains three options. The last one is disabled: ## Example
[Try it Β»](#) Use the .radio-inline class to display the options on the same line: ## Example [Try it Β»](#) * * * ## Bootstrap select Dropdown Use a select menu when you want to allow the user to pick from multiple options, but by default, only one option can be selected. The following example contains two dropdown menus: ## Example
1234
[Try it Β»](#)
← Bootstrap4 ModalBootstrap4 Navbar β†’