layui的form表单一行显示多个文本框

html结构

<div class="layui-form-item">
                <div class="layui-inline">
                    <label class="layui-form-label">展示模板：</label>
                    <div class="layui-input-inline">
                        <select id="ShowTemplate" name="ShowTemplate" lay-filter="ShowTemplate" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="1">模板1</option>
                            <option value="2">模板2</option>
                        </select>
                    </div>
                </div>
                <div class="layui-inline">
                    <label class="layui-form-label">打印模板：</label>
                    <div class="layui-input-inline">
                        <select id="PrintTemplate" name="PrintTemplate" lay-filter="PrintTemplate" lay-verify="required">
                            <option value="">请选择</option>
                            <option value="1">模板1</option>
                            <option value="2">模板2</option>
                        </select>
                    </div>
             </div>
 </div>

相当于用<div class="layui-inline">包括两个表单项。

原文地址：https://www.cnblogs.com/Tpf386/p/12673356.html

时间： 2024-10-07 23:34:49

layui的form表单一行显示多个文本框的相关文章

iOS 9应用开发教程之显示编辑文本标签文本框

iOS 9应用开发教程之显示编辑文本标签文本框 ios9显示.编辑文本 在iOS,经常会看到一些文本的显示.文字就是这些不会说话的设备的嘴巴.通过这些文字,可以很清楚的指定这些设备要表达的信息.本节将主要讲解在iOS中,用来显示和编辑文本的三个视图:标签.文本框和文本视图. ios9只读文本——标签 标签视图是一个只读的文本视图,它用于在应用程序中为用户显示少量的信息,如图2.16所示.在此图中文字的显示使用的就是标签视图.标签视图一般使用UILabel类实现.   图2.16  美容相机 [示

chrome表单自动填充导致input文本框背景变成偏黄色问题解决

chrome表单自动填充导致input文本框背景变成偏黄色问题解决 作者:佚名 字体:[增加 减小] 来源:互联网 时间:08-21 18:43:32我要评论 chrome表单自动填充后,input文本框的背景会变成偏黄色的,想必大家都会碰到这种情况吧,这是由于chrome会默认给自动填充的input表单加上input:-webkit-autofill私有属性造成的,解决方法如下,感兴趣的朋友可以了解下 chrome表单自动填充后,input文本框的背景会变成偏黄色的,这是由于chrome会默认

通过html()的方法获取文本内容， form表单组件显示的值与获取到的值不一致的问题

我在通过 html()获取对应节点的内容,发现一个问题,获取到的 form表单组件的内容值是初始加载的值,而不是经过用户修改后的值.例如页面加载时组件<input type="text" value="111111"/>,用户更改表单的值为 222222,通过父节点的html()方法获取这个组件,预期应该是<input type="text" value="222222"/>,可结果却是初始时的样子&l

layui渲染form表单

有时ajax请求的数据返回时,页面已经加载了,此时就无法展示ajax加载的内容,如果要局部刷新表单,则加上如下代码: layui.use('form', function() { var form = layui.form; //只有执行了这一步,部分表单元素才会自动修饰成功 form.render(); }); 即可 原文地址:https://www.cnblogs.com/shuo1208/p/8918985.html

ng4学习笔记----Form表单一

1)最简单的表单click事件(不用传参) 1 @Component({ 2 selector: 'click-me', 3 template: ` 4 <button (click)="onClickMe()">Click me!</button> 5 {{clickMessage}}` 6 }) 7 export class ClickMeComponent { 8 clickMessage = ''; 9 10 onClickMe() { 11 this.

设计一个含有一个表单的页面，并且在表单上放入一个文本框。编写程序，当鼠标在页面上移动时，鼠标的坐标将显示在这个文本框中。

<form id="form1"> <P><INPUT type="text" name="txtMousePosition" size="20"></P></form> <script type="text/javascript">document.onmousemove =function() { //当鼠标移动式获取当前x,y坐标

鼠标点击单元格显示在相应文本框中的方法（单元格事件）

1 //点击单元格显示此行相应内容 2 private void dataGridView1_CellContentClick(object sender, DataGridViewCellEventArgs e) 3 { 4 // 找到鼠标点击的行 5 int index = e.RowIndex; 6 DataGridViewRow currenRow = this.dataGridView1.Rows[index]; 7 //找到每一个单元格的值 8 this.textBox2.Text=

Easy UI下拉列表默认选中（多行）与为文本框赋值

1.为单行文本框赋值 var data2 = $('#LoadArea').combobox("getData"); if (data2) { $('#id).combobox('select','1'); } 2.为多行文本框赋值 var area = $('#id).combobox("getData"); if (area) { var arry="1,2".split(','); $('#LoadArea').combobox('setV

form表单按enter键自动提交的问题

废话不多说.直接上代码. 1:form表单按enter键自动提交的情况 1 <!doctype html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta name="Generator" content="EditPlus®"> 6 <meta name="Author&quo