> For the complete documentation index, see [llms.txt](https://tina-hammar.gitbook.io/tall-forms/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://tina-hammar.gitbook.io/tall-forms/field/sponsor-fields-1/email.md).

# More Inputs

These inputs are based on the standard[ Input field](/tall-forms/field/fields/input.md)

![](/files/-MfMcAYL7SJsXbEfFBVr)

### Sponsors

If you  💗 [sponsor this package 🔗](https://github.com/sponsors/tanthammar)  you have access to all HTML5 input types with a custom icon set. This example corresponds to the image in the "Preview" tab.&#x20;

**Observe** that the Chrome browser has support for all date field types but other browsers may give you a non-user-friendly input.

```php
Color::make('Color')->default("#531313")->fieldWidth('w-full sm:max-w-sm'),
DateInput::make('Date Input')->fieldWidth('w-full sm:max-w-sm')->placeholder('yyyy-mm-dd'),
TimeInput::make('Time Input')->fieldWidth('w-full sm:max-w-sm'),
DateTimeLocal::make('Date Time Local')->placeholder(now()->toDateTimeLocalString('minute'))->fieldWidth('w-full sm:max-w-sm')->suffix('date'),
Week::make('Week')->default('2021-W12')->fieldWidth('w-full sm:max-w-sm'),
Month::make('Month')->default('2020-11')->fieldWidth('w-full sm:max-w-sm'),
Email::make('Email')->fieldWidth('w-full sm:max-w-sm')->rules('required|email'),
Number::make('Number')->wire('defer')->fieldWidth('w-full sm:max-w-sm')->suffix('.00'),
Password::make('Password')->fieldWidth('w-full sm:max-w-sm'),
Number::make('Mobile')->fieldWidth('w-full sm:max-w-sm')->rules('required'),
```
