Inputs

The input element is used to create interactive controls for web-based forms in order to accept data from the user; a wide variety of types of input data and control widgets are available, depending on the device and user agent.

Input text type

<input
type="text"
class="input input-primary"
placeholder="Primary"
/>
<input
type="text"
class="input input-secondary"
placeholder="Secondary"
/>
<input
type="text"
class="input input-success"
placeholder="Success"
/>
<input type="text" class="input input-info" placeholder="info" />
<input
type="text"
class="input input-danger"
placeholder="Danger"
/>
view raw input-text hosted with ❤ by GitHub

Submit and Reset Input

<input type="submit" class="btn btn-success" value="Submit" />
<input type="reset" class="btn btn-secondary" />
view raw input-submit-reset hosted with ❤ by GitHub

Quantity and search Input

<input
type="number"
id="quantity"
class="input input-secondary"
placeholder="1-5"
name="quantity"
min="1"
max="5"
/>
<input
type="search"
class="input input-secondary"
id="gsearch"
name="gsearch"
placeholder="gsearch"
/>
view raw input-search-quantity hosted with ❤ by GitHub