当前位置:首页 > php技术文章 > 详解Yii2 定制表单输入字段的标签和样式

关于Yii2 定制表单输入字段的标签和样式

  • 发布时间:
  • 作者:码农之家原创
  • 点击:53

这篇文章主要知识点是关于yii2、Form表单、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

PHP7.0+MySQL网站开发全程实例
  • 类型:网站设计大小:165.8 MB格式:PDF作者:于荷云
立即下载

详解Yii2 定制表单输入字段的标签和样式

Yii2中对于表单和字段的支持组件为ActiveForm和ActiveField,

要生成一个具有label、input、error提示这样通用格式的登录框,可编写如下代码:

 <?php $form = ActiveForm::begin([ 
  'id' => 'login-form', 
  'options' => ['class' => 'form-horizontal'], 
  'fieldConfig' => [ 
   'template' => "{label}\n<div class=\"col-lg-3\">{input}</div>\n<div class=\"col-lg-8\">{error}</div>", 
   'labelOptions' => ['class' => 'col-lg-1 control-label'], 
  ], 
 ]); ?> 
 
 <?= $form->field($model, 'username') ?> 
 <?= $form->field($model, 'password')->passwordInput() 
 ?> 

上述代码生成两个带默认标签名(如Username,Password)的表单输入框(input)。

如果想更改输入框的标签及其样式,有两个方式,一个是通过labelOptions参数:

 

复制代码 代码如下:

<?= $form->field($model, 'username',['labelOptions' => ['label' => 'Nick name','class' => 'your own class']]) ?>

 

还有一个更加面向对象的方法是:

 

复制代码 代码如下:

<?= $form->field($model, 'username')->textInput()->hint('Please enter your nick name instead of email')->label('Nick name') ?>

 

更多关于表单和字段的内容,请参考Yii2在线中文指南-表单章节。

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

推荐内容

idea2020注册激活码(激活到2100年)

实例分析Java实现的zip压缩及解压缩工具类

python3 pandas 如何读取MySQL数据和插入

ThinkPHP3.2.3框架如何实现分页功能

深入理解JS函数stack size计算方法

展开 +

收起 -

PHP 相关电子书
学习笔记
网友NO.267001

yii2实现分页,带搜索的分页功能示例

一、模型配置 事例会用到三个models。文章类别表和文章表用gii生成下即可,最后一个是搜索验证模型。其中,只讲下一个联表和搜索验证。其他不用操作。 1.文章表关联 ?php//...other code//关联public function getCate(){ return $this-hasOne(ArticleCate::className(),['id' = 'cid']); }? 2.搜索模型 common/models/search/创建ArticleSearch.php ?phpnamespace common\models\search;use Yii;use yii\base\Model;use yii\data\ActiveDataProvider;use common\models\Article;class ArticleSearch extends Article{ //public $cname;//文章类别名 /** * @inheritdoc */ public function rules() { return [ [['cid','created_at', 'updated_at'], 'integer'], [['id', 'desc','title','cover','content'], 'safe'], ]; } /** * @inheritdoc */ public function scenarios() { // bypass scenarios() implementation in the parent class return Model::scenarios(); } //搜索 public function search($params) { $query = Article::find(); // $query-joinWith(['cate']);//关联文……

网友NO.899774

Yii2框架视图(View)操作及Layout的使用方法分析

本文实例讲述了Yii2框架视图(View)操作及Layout的使用方法。分享给大家供大家参考,具体如下: 渲染视图 1.我们在Default 控制器里做演示 ?phpnamespace app\controllers;use yii\helpers\Url;use yii\web\Controller;class DefaultController extends Controller{ public function actionIndex() {// echo Url::toRoute(['index','id'=11],true);// //http://localhost/yiipro/web/default/index?id=11//// echo Url::base();// ///yiipro/web // 返回视图 return $this-render('index'); }} return $this-render('index'); 就是渲染视图 2.浏览器访问 http://localhost/yiipro/web/index.php/default/ ,发现报错了 views/default/index.php 说明视图文件要放在 views/default 目录下。 我们去创建视图 再次访问: 3.如何向视图传递变量 return $this-render('index',['username'='张三','age'=22]); p?php echo \yii\helpers\Html::encode($username); ?/pp?php echo \yii\helpers\Html::encode($age); ?/p 布局layout 1.默认布局 yii\base\Applicatio……

网友NO.871652

Yii2.0中使用js异步删除示例

整理文档,搜刮出一个Yii2.0中使用js异步删除示例,稍微整理精简一下做下分享。 控制器: public function actionWeixinnotificationdel(){ $model = WxDistributorNotification::findOne($_GET['id']); if ($model) { if($model-delete()) { echo 1; Yii::$app-end(); } } echo 0; Yii::$app-end();} 视图HTML 复制代码 代码如下: a href="javascript:void(0);" rel="external nofollow" url="?=Url::to(['weixinnotificationdel', 'id'=$model-id]);?" class="btn btn-success btn-sm deleteLink"解绑/a 视图JS script language="JavaScript"$(function () { $('.deleteLink').click(function () { var tThis =$(this); if (confirm("确定要解绑此微信号吗?")){ var url = tThis.attr('url'); $.get(url,function (data) { if (data == 1){ $(tThis).parent().parent().remove() alert('解绑成功') }else{ alert('解绑失败') } }) } return false; })})/script 以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持码农之家。 ……

网友NO.162878

深入浅析yii2-gii自定义模板的方法

前言: Yii 是什么 Yii 是一个高性能,基于组件的 PHP 框架,用于快速开发现代 Web 应用程序。名字 Yii (读作 `易`)在中文里有 “极致简单与不断演变” 两重含义,也可看作 **Yes It Is**! 的缩写。 Yii 最适合做什么? Yii 是一个通用的 Web 编程框架,即可以用于开发各种基于 PHP 的 Web 应用。因为基于组件的框架结构和设计精巧的缓存支持,Yii 特别适合开发大型应用,如门户网站、论坛、内容管理系统(CMS)、电子商务项目和 RESTful Web 服务等。 Yii 版本 Yii 当前有两个主要版本:1.1 和 2.0。 1.1 版是上代的老版本,现在处于维护状态。2.0 版是一个完全重写的版本,采用了最新的技术和协议,包括依赖包管理器(Composer)、PHP 代码规范(PSR)、命名空间、Traits(特质)等等。 2.0 版代表了最新一代框架,是未来几年中我们的主要开发版本。本指南主要基于 ……

网友NO.418813

Yii2 rbac权限控制之菜单menu实例教程

在上篇文章给大家介绍了yii2搭建完美后台并实现rbac权限控制实例教程中完美实现了yii2的后台搭建和rbac权限控制,如果你还没有实现,请先看上文再回来参考本文,因为本文是在上文的基础上进行完善和补充。 部分小伙们纷纷反映,最后菜单menu怎么控制权限呀,看不懂,搞不定,而且你那貌似没搞完,瞎忽悠!确实没那么全,今天看我们如何实现菜单完美权限化。先罗列下主要讲的内容,不需要的没必要看下去,只为分享给有需要的人。 利用menu表添加菜单 左侧菜单结果adminlte完美呈现 菜单前面自定义icon小图标并呈现 如何控制菜单的显示或者隐藏 页面操作按钮没权限的不做显示 gridview中也只显示有操作权限的按钮 嗯,差不多就这么多,如果你还有其他的有关权限控制菜单的需求,请下方留言,咱们共同切磋交流。 先看图预览下大致效果,不然怎……

<
1
>

电子书 编程教程 文档 软件 源码 视频

Copyright 2018-2020 xz577.com 码农之家

本站所有电子书资源不再提供下载地址,只分享来路

免责声明:网站所有作品均由会员网上搜集共同更新,仅供读者预览及学习交流使用,下载后请24小时内删除

版权投诉 / 书籍推广 / 赞助:QQ:520161757