@@include('../layouts/head-page-meta.html', {'title': 'Form Option'}) @@include('../layouts/head-css.html')
@@include('../layouts/layout-vertical.html')
@@include('../layouts/breadcrumb.html', {'breadcrumb-item': 'Forms', 'breadcrumb-item-active': 'Form Option'})

##### Basic Inputs

Basic HTML form components with custom style.
Email address
Password Your password must be between 8 and 30 characters.
Select
Multiple select
Hold shift or press ctrl for multi select.
Textarea

##### HTML Input Types

Here are the different input types you can use in HTML. Check more at W3Schools
Simple Input Text
Number
Telephone
Email
Password
File
Multi Files Try selecting more than one file when browsing for files.
URL
Search a search field behaves like a regular text field
Date Time Local
Date only
Time only
Month only
Week only
Color
Range

##### Sizing

Input sizing using `.form-control-lg` and `.form-control-sm` class.
`.form-control-sm`
`.form-control`
`.form-control-lg`

Large select
Default select
Small select

##### Input Attributes

Examples of `autofocus, value, readonly, disabled, required` attributes in Input .
Auto focus autofocus on page load
Value
Required Submit the form to see it in action
Readonly The input `readonly` attribute specifies that an input field is read-only
Disabled The value of a `disabled` input field will not be sent when submitting the form
Disabled select

##### Advance Input attributes

Examples of `maxlength, min, max, step, pattern, list` attributes of Input.
Submit form for checkout attribute functionality.
Max Length maxlength set to 4 characters
Date Enter a date before 1980-01-01
Date Enter a date after 2000-01-01
Quantity i.e.between 1 and 5
Points step set to 3
Country code `pattern` attribute - three letter country code
List (Browsers) The datalist tag is not supported in Safari 12.0 (or earlier).
@@include('../layouts/footer-block.html') @@include('../layouts/footer-js.html') @@include('../layouts/customizer.html')