欢迎来访~

yii2.0 用Html方式生成表单

个人展示 管理员 7浏览 0评论

文本框:textInput(); 

密码框:passwordInput(); 

单选框:radio(),radioList(); 

复选框:checkbox(),checkboxList(); 

下拉框:dropDownList(); 

隐藏域:hiddenInput(); 

文本域:textarea(['rows'=>3]); 

文件上传:fileInput(); 

提交按钮:submitButton(); 

重置按钮:resetButtun();



<?php

//引入命名空间
use yii\helpers\Html;
?>
 
<?php //表单:Html::beginForm(提交地址,提交方法,属性数组);?>
<?=Html::beginForm('','post',['id'=>'form','class'=>'form','data'=>'myself']);?>
 
<?php //(二)输入框:Html::input(类型,name值,默认值,属性数组;)?>
 
<?=Html::input('text','test','',['class'=>'form-control','placeholder'=>'hehe']);?>
 
<?=Html::input('email','email','admin@admin.com',['class'=>'form-control']);?>
 
<?=Html::input('password','pwd','',['class'=>'form-control']);?>
<?Html::input('hidden','hidden','',['class'=>'form-control']);?>
 
<hr/>
 
<?php //Html::表单类型input(name值,默认值,属性数值);?>
 
<?=Html::textInput('test','hehe',['class'=>'form-control']);?>
<?=Html::textInput('email','admin@admin.com',['class'=>'form-control']);?>
 
<?Html::passwordInput('pwd','',['class'=>'form-control']);?>
<?Html::hiddenInput('hidden','',['class'=>'form-control']);?>
<hr/>
<br><?php //(三) 文本域 Html::textarea()?>
<?=Html::textarea('area','',['class'=>'form-control','row'=>'3']);?>
 
<hr/>
 
<?php //单选按钮 Html::radio(name值,是否选中,属性数组)?>
<?=Html::radio('sex',true,['class'=>'form-control']);?>
 
<?=Html::radioList('height','1',['1'=>'160','2'=>'170','3'=>'180'],['class'=>'form-control']);?>
<br><?php //复选框?>
<?=Html::checkbox('haha',true,['class'=>'form-control']);?>
<?php //复选框列表?>
<?=Html::checkboxList('xixi','1',['1'=>'160','2'=>'170','3'=>'180'],['class'=>'form-control']);?>
 
<?php //下拉列表?>
<?=Html::dropDownList('list','2',['1'=>'160','2'=>'170','3'=>'180'],['class'=>'form-control'])?>
 
<?=Html::label('显示的','test',['style'=>'color:#ff0000']);?>
<hr/>
<?php //上传控件?>
<?=Html::fileInput('img',null,['class'=>'btn btn-default']);?>
<hr/>
<?php //按钮?>
<?=Html::button('普通按钮',['class'=>'btn btn-primary']);?>
 
<?=Html::submitButton('提交按钮',['class'=>'btn btn-primary']);?>
 
<?=Html::resetButton('重置按钮',['class'=>'btn btn-primary']);?>
 
<?=Html::endForm()?>