smalldogs/html5inputs

此包已被弃用且不再维护。未建议替代包。

通过 Laravel 4.2 表单界面(例如 Form::date())支持所有剩余的 11 个 HTML5 元素(Laravel 默认支持其中 2 个)

v3.0.0 2014-11-20 00:00 UTC

This package is not auto-updated.

Last update: 2020-03-06 16:28:11 UTC


README

Build Status License Version Packagist

Composer 包,通过扩展 Laravel 的表单界面(例如 Form::date())来支持 HTML5 元素

支持: colordatedatetimedatatime-localmonthnumberrangesearchteltimeweek。Laravel 表单界面默认支持 Email 和 Url。

此包允许您像使用普通文本字段一样使用 HTML5 输入 Form::color('inputName');

从 v1 升级

  1. 在您的 composer.json 文件中,将此包的 require 行更新为 2.*
"require": {
    "smalldogs/html5inputs": "2.*"
},
  1. 在您的命令行中运行 composer update

  2. 按照下面的第 2 步操作。

新安装

  1. 在您的命令行
composer require "smalldogs/html5inputs:2.*"
  1. 替换 app/config/app.php 中的表单别名为新扩展的 Facade。
'aliases' => array(
      'Form'            => 'Smalldogs\Html5inputs\Html5InputsFacade',
//  'Form'            => 'Illuminate\Support\Facades\Form',
};
  1. 将服务提供者添加到您的 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