PHPackages                             smalldogs/html5inputs - PHPackages - PHPackages  [Skip to content](#main-content)[PHPackages](/)[Directory](/)[Categories](/categories)[Trending](/trending)[Leaderboard](/leaderboard)[Changelog](/changelog)[Analyze](/analyze)[Collections](/collections)[Log in](/login)[Sign up](/register)

1. [Directory](/)
2. /
3. [Utility & Helpers](/categories/utility)
4. /
5. smalldogs/html5inputs

AbandonedArchivedLibrary[Utility & Helpers](/categories/utility)

smalldogs/html5inputs
=====================

Adds support for all 11 remaining HTML5 elements (Laravel already supports 2 out of the box) using Laravels 4.2 Form interface (e.g. Form::date())

v3.0.0(11y ago)113.2k4[2 issues](https://github.com/smalldogs/html5inputs/issues)BSD-2-ClausePHPPHP >=5.4.0

Since Nov 20Pushed 10y ago7 watchersCompare

[ Source](https://github.com/smalldogs/html5inputs)[ Packagist](https://packagist.org/packages/smalldogs/html5inputs)[ Docs](https://blog.smalldo.gs/2014/04/laravel-4-html5-input-elements/)[ RSS](/packages/smalldogs-html5inputs/feed)WikiDiscussions master Synced 1mo ago

READMEChangelogDependencies (1)Versions (6)Used By (0)

Laravel HTML 5 Inputs
=====================

[](#laravel-html-5-inputs)

[![Build Status](https://camo.githubusercontent.com/f6140abe9c65d60c2f133132e20b13420564c33e6485f97b61e88e0b4f1c59e0/68747470733a2f2f7472617669732d63692e6f72672f736d616c6c646f67732f68746d6c35696e707574732e737667)](https://camo.githubusercontent.com/f6140abe9c65d60c2f133132e20b13420564c33e6485f97b61e88e0b4f1c59e0/68747470733a2f2f7472617669732d63692e6f72672f736d616c6c646f67732f68746d6c35696e707574732e737667)[![License](https://camo.githubusercontent.com/1477775d3a9578a00a95be113989a43275f8cd66879366afe7556f25aae72c45/687474703a2f2f696d672e736869656c64732e696f2f3a6c6963656e73652d627364322d626c75652e7376673f7374796c653d666c6174)](http://opensource.org/licenses/BSD-2-Clause)[![Version](https://camo.githubusercontent.com/28ca9e2a4d29a881eddacb991234002a8f388f8e58c5c91fc73c9977b2e6c637/687474703a2f2f696d672e736869656c64732e696f2f6769746875622f7461672f736d616c6c646f67732f68746d6c35696e707574732e7376673f7374796c653d666c6174)](https://camo.githubusercontent.com/28ca9e2a4d29a881eddacb991234002a8f388f8e58c5c91fc73c9977b2e6c637/687474703a2f2f696d672e736869656c64732e696f2f6769746875622f7461672f736d616c6c646f67732f68746d6c35696e707574732e7376673f7374796c653d666c6174)[![Packagist](https://camo.githubusercontent.com/6b1ec05ecd100666b7cc938ddede2bf715369149ed4944f199ef0b023015a39d/68747470733a2f2f696d672e736869656c64732e696f2f7061636b61676973742f64742f736d616c6c646f67732f68746d6c35696e707574732e7376673f7374796c653d666c6174)](https://packagist.org/packages/smalldogs/html5inputs)

Composer package which adds support for HTML5 elements by extending Laravel's Form interface (e.g. Form::date())

Adds support for: `color`, `date`, `datetime`, `datatime-local`, `month`, `number`, `range`, `search`, `tel`, `time`, `week`. Laravel Form interfce supports Email & Url out of the box.

This package allows you to use HTML5 inputs the same way as normal text fields `Form::color('inputName');`

Upgrade From v1
---------------

[](#upgrade-from-v1)

1. In your `composer.json` file, update the require line for this package to `2.*`

```
"require": {
    "smalldogs/html5inputs": "2.*"
},
```

2. In your command line, run `composer update`.
3. Follow Step 2 below.

New Installation
----------------

[](#new-installation)

1. On your command line

```
composer require "smalldogs/html5inputs:2.*"
```

2. **REPLACE** the form alias with the new, extended facade, in `app/config/app.php`.

```
'aliases' => array(
      'Form'            => 'Smalldogs\Html5inputs\Html5InputsFacade',
//  'Form'            => 'Illuminate\Support\Facades\Form',
};
```

3. Add the service provider to your `app/config/app.php` providers array

```
'providers' => array(
    'Smalldogs\Html5inputs\Html5InputsServiceProvider',
);
```

How to Use
----------

[](#how-to-use)

Just like your normal Form interface.

```
// Create a date field
Form::date('yourBirthday');

// Create a pre-populated month field for June 2014
Form::month('hottestMonth', '2014-06');

// Create an empty input with bootstrap styles
Form::search('searchBox', null, ['class' => 'form-control']);

// Auto-associate label with input (use the same name)
Form::label('favoriteColor', 'Select Your Favorite Color');
Form::color('favoriteColor', '#FFAE25');

// Use Form-model binding
$user = new User();
$user->phoneNumber = '123-555-5555';
{{ Form::model($user) }}
    {{ Form::label('phoneNumber', 'Update Your Phone #') }}
    {{ Form::tel('phoneNumber') }}
{{ Form::close() }}
```

Changes from v1
---------------

[](#changes-from-v1)

The major difference between v1 and v2 is how the Form class is extended. Version 1 made use of the [Form::macro](http://laravel.com/docs/4.2/html#custom-macros) method, while v2 creates a Facade which extends `\Illuminate\Support\Facades\Form` directly.

This allows for more direct similarity between the handling of the new methods and the default methods ( such as "text" or "email").

This also enables [Form Model Binding](http://laravel.com/docs/4.2/html#form-model-binding) with the new HTML5 elements.

###  Health Score

32

—

LowBetter than 72% of packages

Maintenance16

Infrequent updates — may be unmaintained

Popularity25

Limited adoption so far

Community12

Small or concentrated contributor base

Maturity62

Established project with proven stability

 Bus Factor1

Top contributor holds 100% of commits — single point of failure

How is this calculated?**Maintenance (25%)** — Last commit recency, latest release date, and issue-to-star ratio. Uses a 2-year decay window.

**Popularity (30%)** — Total and monthly downloads, GitHub stars, and forks. Logarithmic scaling prevents top-heavy scores.

**Community (15%)** — Contributors, dependents, forks, watchers, and maintainers. Measures real ecosystem engagement.

**Maturity (30%)** — Project age, version count, PHP version support, and release stability.

###  Release Activity

Cadence

Every ~0 days

Total

5

Last Release

4197d ago

Major Versions

v1.2.0 → v2.02014-11-20

v2.1 → v3.0.02014-11-20

### Community

Maintainers

![](https://www.gravatar.com/avatar/eefae840545941449e154e34eb847242e8b8f6e77f6be7356b192c21d5200cda?d=identicon)[brwnll](/maintainers/brwnll)

---

Top Contributors

[![brwnll](https://avatars.githubusercontent.com/u/445190?v=4)](https://github.com/brwnll "brwnll (29 commits)")

---

Tags

laravelhelperHTML5forminputextendform-builder

### Embed Badge

![Health badge](/badges/smalldogs-html5inputs/health.svg)

```
[![Health](https://phpackages.com/badges/smalldogs-html5inputs/health.svg)](https://phpackages.com/packages/smalldogs-html5inputs)
```

###  Alternatives

[barryvdh/laravel-ide-helper

Laravel IDE Helper, generates correct PHPDocs for all Facade classes, to improve auto-completion.

14.9k123.0M687](/packages/barryvdh-laravel-ide-helper)[barryvdh/laravel-form-bridge

This packages integrates Symfony Form Component in Laravel.

163354.8k1](/packages/barryvdh-laravel-form-bridge)[kartik-v/yii2-widget-colorinput

An enhanced Yii 2 widget encapsulating the HTML 5 color input (sub repo split from yii2-widgets)

324.8M10](/packages/kartik-v-yii2-widget-colorinput)[kartik-v/yii2-widget-rangeinput

An enhanced Yii 2 widget encapsulating the HTML 5 range input (sub repo split from yii2-widgets)

193.9M3](/packages/kartik-v-yii2-widget-rangeinput)[aura/html

Provides HTML escapers and helpers, including form input helpers.

52270.5k21](/packages/aura-html)[inkvizytor/fluentform

Form builder for Laravel

3416.2k](/packages/inkvizytor-fluentform)

PHPackages © 2026

[Directory](/)[Categories](/categories)[Trending](/trending)[Changelog](/changelog)[Analyze](/analyze)