yii2.0 用Html方式生成表单

文本框: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‘,‘[email protected]‘,[‘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‘,‘[email protected]‘,[‘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()?>
 
时间: 2024-10-30 20:21:20

yii2.0 用Html方式生成表单的相关文章

yii2自动生成表单

视图中: 1.要use的两个文件类 use yii\helpers\Html;   use yii\widgets\ActiveForm; 2.生成表单,以添加商品为例说明.注意红线区域:上传文件需要注意的地方一级表单中有textarea文本域的使用 yii2自动生成表单

使用 Zend_Form_Element 生成表单元素 --(手册)

表单由元素组成,它一般对应于 HTML 表单输入.Zend_Form_Element 封装了单个表单元素,并完成下列工作: 校验(提交的数据有效乎?) 抓取校验错误代码和消息 过滤(在校验和/或输出之前元素如何转义或规范化?) 解析(元素如何显示?) 元数据和属性(什么信息进一步修饰元素?) 基础类 Zend_Form_Element 对许多类有合理的缺省设置,但最好还是继承这个类来完成特殊意图的元素.另外,Zend Framework 带有许多标准的 XHTML 元素. 1.  插件加载器 Z

根据数据生成表单

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>根据数据生成表单</title> <script> //定义一个数组承接里面的对象内容 //提取数组中的元素(这个元素是对象) //用元素对象type属性判断这个对象是什么类型的标签 //再有对象拿到属性值给标签附上属性 //老套路 window.onload = function()

[记录]jquery validate 不用submit方式验证表单或单个元素

jquery validate 不用submit方式验证表单或单个元素 jQuery validate的版本: v1.14.0 var result = $('#myForm').validate({ errorElement : 'span', errorClass : 'help-block error', rules:{ }, message:{ } }).form(); 具体的内容可以参考官网文档:http://jqueryvalidation.org/documentation/#li

Ajax方式提交表单的常见编码类型总结

用Ajax方式提交表单,决定编码类型的是请求头中Content-Type,不同的值对应不同的提交和回调处理方式.而且,在项目中我们会用到前端的库或者框架,他们对于不同的Content-Type也有不同的参数写法,本文将以jQuery和AngularJS,加上XMLHttpRequest共三种方式为例,详细介绍不同Content-Type的发送请求的方式.本文考虑的Content-Type类型,共有如下几种: application/x-www-form-urlencoded multipart/

数组方式进行表单提交

今天遇到一个问题,要保存很多表单信息,苦恼了许久,终于发现一个挺不错的方法,以数组的形式把表单中的数据提交至后台进行保存. 其实实现起来很简单,就是给表单中要提交的信息的name命名时要有一定的规范,我们先比较下下面这两种方式的差别: 第一种.普通的方式,每个要提交的值都有一个名称 <form id="form1" action="./index.php" method="get"> <div class="form-

开源驰骋工作流CCFlow的通过导入内部数据生成表单的示例

应用背景:ccform的表单设计是自上而下的设计,就是说现有表单后有数据表,就是说在设计表单时ccform就自动创建了字段,如果该表单的表有了该字段就不创建了.但是很多程序员习惯了先创建表,然后在创建表单,也就是说在设计表单时,系统已经有该表了,要以已经有的表结构做为该表单的模版导入,就需要用到此功能. 解释:从指定的数据源中,指定的表,导入字段信息. 用途:在新建表单以前,表单已经有一个原型,或者已经有一个表,要以原来的数据表结构为模版,创建表单.比如我们要做一个人员入职流程,在实施以前,人员

C# Winform利用POST传值方式模拟表单提交数据(Winform与网页交互)

其原理是,利用winfrom模拟表单提交数据,将要提交的参数提交给网页,网页执行代码,得到数据,然后Winform程序将网页的所有源代码读取下来,这样就达到windows应用程序和web应用程序之间传参和现实数据的效果了. - 首先创建一个windows应用程序和web应用程序. - 在web应用程序中,将网页切换到源代码并把源代码中一些没用的代码删掉,只保留头部,在windows应用程序读取网页源码时,这些都会被一起读下来,但这些都是没用的数据,而且删掉没什么影响.需要保留的代码如下: - <

post方式get方式提交表单的主要区别

post方式get方式提交表单的主要区别: 使用表单给网站后台提交数有种两种方式,一种是post方式,一种是get方式,下面就简单介绍一下这两种方式的主要区别. 一.post方式: 此方式一般用于传递较大的数据,在数据传递之前会有打包操作,所以可能会造成数据传递数据相对较慢的情况,不过传输的数据都能够被正确的解析,不会出现类似于中文乱码的状况. 二.get方式: 通过url链接传递数据,和post相比传输的数据量较小,而且传递的数据必须是ASCCI码值范围内的,因此传递中文的时候可能会出现乱码情