mf输入表单

 1   <form class="mui-input-group">
 2    <div class="mui-input-row">
 3     <label>用户名</label>
 4     <input type="text" class="mui-input-clear" placeholder="请输入用户名" />   
 5    </div>
 6    <div class="mui-input-row">
 7     <label>密码</label>
 8     <input type="password" class="mui-input-password" placeholder="请输入密码" />
 9    </div>
10    <div class="mui-button-row">
11     <button type="button" class="mui-btn mui-btn-primary">确定</button>
12     <button type="button" class="mui-btn mui-btn-blue mui-btn-danger">取消</button>
13    </div>
14   </form>

mui-input-clear:带清除按钮的输入框

带加载的按钮
1 <button type="button" data-loading-text="提交中" data-loading-icon="mui-spinner mui-spinner-custom" class="mui-btn mui-btn-primary">确认</button>
2 <script type="text/javascript">
3 mui(document.body).on(‘tap‘, ‘.mui-btn‘, function(e) {
4     mui(this).button(‘loading‘);
5     setTimeout(function() {
6         mui(this).button(‘reset‘);
7     }.bind(this), 2000);
8 });
9 </script>
 
时间: 2024-08-24 20:30:27

mf输入表单的相关文章

Servlet/Jsp实现当参数确实或缺失重新显示输入表单

(1)在有些时候我们的表单需要用户填写,但是没有填写就提交了,我们需要保留已经填写的数据然后再让用户填写没有填写的数据 (2)以一个处理拍卖竞标的servlet来实现功能: BidInfo.java package com.lc.ch04jingbiao; import com.lc.ch04Biaodanshuju.ServletUtilities; public class BidInfo { private String itemID = ""; private String i

javascript批量输入表单

void((function(){ x=document.getElementsByTagName("a"); y = x[1] y.click() })()) void((function(){ document.getElementById("name").value = 'hacker'; document.getElementById("email").value = Math.random() + "@example.com&

HTML表单与输入

效果图如下: 1.文本域(Textfields)2.密码域3.复选域4.单选按钮5.下拉列表6.文本域(Textarea)7.Fieldset around data8.表单,提交按钮,重置按钮,普通按钮输入表单:<input type="" name="" value=""/>类型:text文本.checkbox复选框.radio单选框.button普通按钮 submit提交当前表单按钮.reset重置当前表单按钮下拉列表:<

HTML笔记三,表单相关元素和属性

表单元素 <form>:用于生成输入表单,该元素不可视化 action:指定当前表单提交的地址,必填 method:指定提交表单时发送何种类型的请求,post或者get,一般post,必填:其中GET方式可以在地址栏种看到传送的数据,POST方法看不到较安全 enctype:指定对表单内容进行编码的字符集 name:名称 target:以何种方式打开目标url,_self,_blank,_top,_parent四个中的一个 <input>: type= text:单行文本框 pas

四种表单验证方法的分析和比较

前言 任何可以交互的站点都有输入表单,只要有可能,就应该对用户输入的数据进行验证.无论服务器后端是什么样的系统,都不愿意把时间浪费在一些无效的信息上,必须对表单数据进行校验,若有不符合规定的表单输入,应及时返回并给出相应的提示信息.本文将列举四种不同原理的表单验证方法,并给出各方法在 PHP 服务器上的实现. 回页首 浏览器端验证 传统上,表单数据一般都通过浏览器端的 Javascript 验证.浏览器端的验证速度快,若有不符合要求的输入,响应信息快速的返回给用户.由于验证数据不需要提交给服务器

web网页的表单排版利器--960css

http://www.cnblogs.com/birdwawe/p/4062106.html 表单排版样式 960css 前言 一般web网页的表单排版,大家都习惯用table排版,自己需要根据实际需要去定义TR和TD,很多时候对于TD的高宽度.是否合并行,合并列,都要去做一些处理,这些都是比较繁琐的工作.找到一个表单排版的替代工具,提前定义好CSS样式,无疑可以减轻我们的这些工作. 下面简单一个一个表单排本CSS框架,960css. 960css目录结构 (其中960分为fixed和fluid

【转载】springMVC表单校验+全注解

在这篇文章中,我们将学习如何使用Spring表单标签, 表单验证使用 JSR303 的验证注解,hibernate-validators,提供了使用MessageSource和访问静态资源(如CSS,JavaScript,图片)国际化支持我们的视图,使用ResourceHandlerRegistry,全部采用基于注解的配置. 我们将创建一个包含一个学生注册表格的简单应用,用户输入表单提交验证通过 JSR303 的验证注释验证,通过覆盖属性文件可使用国际验证消息的默认消息,还访问静态资源(如应用引

AJAX练习(一):制作可以自动校验的表单(从原理上分析ajax的作用)

继上文(AJAX(一)AJAX的简介和基础)作为联系. 传统网页在注册时检测用户名是否被占用,传统的校验显然缓慢笨拙. 当ajax出现后,这种体验有了很大的改观,因为在用户填写表单时,签名的表单项已经发送给了服务器,然后根据用户填写好的内容进行数据查询.在查询号无需页面刷新就自动给了提示.类似这样的应用大大的提高了用户的体验,本节简单介绍自动校验表单制作方法.从原理上分析ajax的作用. 1.搭建框架 首先为html框架 <form name="register"> <

HTML原有的表单及表单控件(一)

1.表单元素 <form>元素用于生成输入表单,该元素不会生成可视化部分. action:指定当单击表单内的“确认”按钮时,该表单提交到哪个地址.该属性既可以指定一个绝对地址,也可以指定一个相对地址. enctype:指定对表单内容进行编码所使用的字符集.该属性有三个值. application/x-www-form-urlencoded:这是默认的编码方式. mutipart/form-data:这种编码方式会以二进制流的方式来处理表单数据. text/plain:当表单的action属性值