zoukankan      html  css  js  c++  java
  • yii2.0 用Html方式生成表单

    文本框:textInput();
    密码框:passwordInput();
    单选框:radio(),radioList();
    复选框:checkbox(),checkboxList();
    下拉框:dropDownList();
    隐藏域:hiddenInput();
    文本域:textarea(['rows'=>3]);
    文件上传:fileInput();
    提交按钮:submitButton();
    重置按钮:resetButtun(); 

    <?php 
    //引入命名空间
    use yiihelpersHtml;
    ?>
    
    <?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/>
    
    <?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']);?>
    <?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()?>
     
  • 相关阅读:
    bootstrap3在IE8下导航不显示,自动识别成手机模式
    根据href给当前导航添加样式
    transform 图标旋转,IE8、IE7不兼容
    Responsive响应式设计
    JSON和JSONP的区别,以及使用方法
    移动前端框架,require.js压缩
    编写灵活、稳定、高质量的 css代码的规范
    javaScript 时间转换,将后台返回的时间为一串数字转成正常格式
    静态布局、自适应布局、流式布局、响应式布局、弹性布局等的概念和区别
    流式布局响应式布局
  • 原文地址:https://www.cnblogs.com/ssfs/p/6268875.html
Copyright © 2011-2022 走看看