<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>知问前端</title>

<script type="text/javascript" src="js/jquery.js"></script>

<script type="text/javascript" src="js/jquery.ui.js"></script>

<script type="text/javascript" src="js/index.js"></script>

<link rel="shortcut icon" type="image/x-icon" href="img/favicon.ico" />

<link rel="stylesheet" href="css/smoothness/jquery.ui.css" type="text/css" />

<link rel="stylesheet" href="css/style.css" type="text/css" />

</head>

<body>

<div id="header">

	<div class="header_main">

		<h1>知问</h1>

		<div class="header_search">

			<input type="text" name="search" class="search" />

		</div>

		<div class="header_button">

			<button id="search_button">查询</button>

		</div>

		<div class="header_member">

			<a href="###" id="reg_a">注册</a> | <a href="###" id="login_a">登录</a>

		</div>

	</div>

</div>

<div id="reg" title="会员注册">

    <p><label for="user">账号：</label>

	<input type="text" name="user" class="text"  id="user" title="请输入账号，不少于2位"/>

    <span class="star">*</span>

    </p>

    <p><label for="pass">密码：</label>

	<input type="password" name="pass" class="text"  id="pass" title="请输入密码，不少于6位"/>

    <span class="star">*</span>

    </p>

    <p><label for="email">邮箱：</label>

	<input type="text" name="email" class="text"  id="email" title="请输入正确的邮箱"/>

    <span class="star">*</span>

    </p>

    <p>

     <label>性别：</label>

     <input type="radio" name="sex" value="male" id="male" checked="checked"><label for="male">男</label></input>

     <input type="radio" name="sex" value="female" id="female"><label for="female">女</label></input>

    </p>

    <p><label for="date">生日：</label>

	<input type="text" name="date"  readonly="readonly"class="text"  id="date"/>

    </p>

</div>

</body>

</html>

　　

$(function () {

	$('#search_button').button({

		label:'搜索',

		icons:{

			primary:'ui-icon-search',

			},

		});

	$('#reg').dialog({

		autoOpen:true,

		resizable:false,

		modal:true,

		width:320,

		height:340,

		buttons:{

			'提交':function(){

				}

			}

		});

	$('#reg').buttonset();

	$('#date').datepicker();

	$('#reg input[title]').tooltip();

});

　　

20151217jquery学习笔记--注册表单的更多相关文章

  1. Symfony2学习笔记之表单

    对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最 ...

  2. Bootstrap学习笔记(二) 表单

    在Bootstrap学习笔记(一) 排版的基础上继续学习Bootstrap的表单,编辑器及head内代码不变. 3-1 基础表单 单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文 ...

  3. vue学习笔记(六)表单输入绑定

    前言 在上一章vue学习笔记(四)事件处理器这一篇博客的内容中,我们已经了解vue是如何绑定事件的,而本篇博客主要讲解的是vue中表单输入的绑定,通常我们自己提交信息的时候都是通过表单将信息到服务器的 ...

  4. AngularJS 1.2.x 学习笔记（表单校验篇）

    https://my.oschina.net/cokolin/blog/526911 摘要: 本文首发于 blog.csdn.net/vipshop_ebs/article/details/39472 ...

  5. angular2 学习笔记 ( Form 表单 )

    refer : https://angular.cn/docs/ts/latest/guide/forms.html https://angular.cn/docs/ts/latest/cookboo ...

  6. [知了堂学习笔记]_Jquery_Validate 表单校验的使用

    一.效果图: 二.JqueryValidate的好处 在做注册.或者类似以上的表单提交的时候,大家是不是都很烦那种,把数据拿到后台去判断, 可能经过了正则表达式之类的复杂判断,然后发现数据错误.接着通 ...

  7. Django学习笔记之表单验证

    表单概述 HTML中的表单 单纯从前端的html来说,表单是用来提交数据给服务器的,不管后台的服务器用的是Django还是PHP语言还是其他语言.只要把input标签放在form标签中,然后再添加一个 ...

  8. Vue学习笔记之表单绑定输入

    vue的核心:声明式的指令和数据的双向绑定. 那么声明式的指令,已经给大家介绍完了.接下来我们来研究一下什么是数据的双向绑定? 另外,大家一定要知道vue的设计模式:MVVM M是Model的简写,V ...

  9. [学习笔记]--Jfinal 表单提交附件

    近期.项目里面用到了Jfinal 里面的上传附件. Jfinal 的Controller 里面提供了一个 getFile系列方法提供文件上传. 我这里呢,是文件上传和表单參数一起提交. 页面类似下图: ...

随机推荐

  1. FZU 2092 收集水晶 dp+bfs

    定义dp[t][x1][y1][x2][y2]为在t时刻,人走到x1,y1,影子走到x2,y2所获得最大价值 最终就是所有的dp[max][..][..][..][..]的最大值 然后递推也很自然,枚 ...

  2. HDU 2682

    思路:由于题目对能相连的点有限制,必须将这些点处理,能相连的点合并到一个集合中,最后查看是否所有点都在一个集合里,若都在说明是一个连通图,存在最小生成树,否则图不连通,不存在最小花费. #includ ...

  3. css网站导航-菜单

    一个简单的网站导航效果: 效果案例:查看演示 css: ;;;} body{font-family: arial, 宋体, serif;font-size: 12px;} .menu{width:11 ...

  4. Visual Studio 2013中的新项目对话框

    在Visual Studio 2013,我们推出了添加新的项目对话框. 此对话框取代了是曾在2012年这个的对话框作品,所有ASP.NET项目(MVC,Web窗体和Web API). 这就是我们如何提 ...

  5. Hadoop系列（一）hadoop2.2.0源码编译

    操作系统:Centos 所需条件:能上网 编译所需工具: apache-ant-1.9.2-bin.tar.gz apache-maven-3.0.5-bin.tar.gz findbugs-2.0. ...

  6. Storm与Hadoop的角色和组件比较

    Storm与Hadoop的角色和组件比较 Storm 集群和 Hadoop 集群表面上看很类似.但是 Hadoop 上运行的是 MapReduce 作业,而在 Storm 上运行的是拓扑 Topolo ...

  7. Golang项目目录结构组织

    其实golang的工程管理还是挺简单的,完全使用目录结构还有package名来推导工程结构和构建顺序. 当然,首先要说的是环境变量$GOPATH,项目构建全靠它.这么说吧,想要构建一个项目,就要将这个 ...

  8. org.openqa.selenium.remote.SessionNotFoundException: The FirefoxDriver cannot be used after quit() was called.

    该问题已经困扰了我很多天 问题终于解决了,全局变量导致的,碰到这种问题很难再自己本身的机器上发现错误,所以,应该看一下自己写的方法是否涉及到了全局变量出现不一致的情况,让其统一即可.

  9. 一段经典的node.js 数据库高并发实现

    var proxy = new EventProxy();var status = "ready";var select = function(callback){ proxy.o ...

  10. 解决libcrypto.so.0.9.8: cannot open shared object file

    文章解决的问题:安装nginx中需要libmysql.so.16包的支持,下面介绍如何安装,并建立lib的连接. 问题展示:error while loading shared libraries: ...