smalldogs / html5inputs
此包已被弃用且不再维护。未建议替代包。
通过 Laravel 4.2 表单界面(例如 Form::date())支持所有剩余的 11 个 HTML5 元素(Laravel 默认支持其中 2 个)
v3.0.0
2014-11-20 00:00 UTC
Requires
- php: >=5.4.0
- illuminate/support: ~5.0
This package is not auto-updated.
Last update: 2020-03-06 16:28:11 UTC
README
Composer 包,通过扩展 Laravel 的表单界面(例如 Form::date())来支持 HTML5 元素
支持: color
、date
、datetime
、datatime-local
、month
、number
、range
、search
、tel
、time
、week
。Laravel 表单界面默认支持 Email 和 Url。
此包允许您像使用普通文本字段一样使用 HTML5 输入 Form::color('inputName');
从 v1 升级
- 在您的
composer.json
文件中,将此包的 require 行更新为2.*
"require": { "smalldogs/html5inputs": "2.*" },
-
在您的命令行中运行
composer update
。 -
按照下面的第 2 步操作。
新安装
- 在您的命令行
composer require "smalldogs/html5inputs:2.*"
- 替换
app/config/app.php
中的表单别名为新扩展的 Facade。
'aliases' => array( 'Form' => 'Smalldogs\Html5inputs\Html5InputsFacade', // 'Form' => 'Illuminate\Support\Facades\Form', };
- 将服务提供者添加到您的
app/config/app.php
提供者数组中
'providers' => array( 'Smalldogs\Html5inputs\Html5InputsServiceProvider', );
如何使用
就像您的普通表单界面一样。
// 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() }}
从 v1 的变更
版本 1 和版本 2 之间的主要区别在于如何扩展 Form 类。版本 1 使用了 Form::macro 方法,而版本 2 直接创建了一个扩展 \Illuminate\Support\Facades\Form
的 Facade。
这允许新方法和默认方法(如 "text" 或 "email")之间的处理更加相似。
这也使得可以与新 HTML5 元素一起使用 Form Model Binding。