0810HTML（表单）
图片热点：
规划出图片上的一个区域，可以做出超链接，直接点击图片区域就可以完成跳转的效果。
<img src="a006.jpg" title="这是企鹅" usemap="ditu" />
<map name="ditu">
<area shape="rect" coords="196,92,296,192" href="http://www.baidu.com" /> ..........rect矩形，coords里代表矩形的一条对角线的两个点的位置
<area shape="circle" coords="540,171,50" href="http://qq.com" />..........circle圆形，coords里代表圆心位置与半径
<area shape="rect" coords="674,64,805,214" href="http://360.com" />
</map>
表单
<form>
账号：<input type="text" value="110" disabled="disabled" /><br />.......文本框 disabled为不可以改动
密码：<input type="password" value="" /><br /><br /> .........密码框
<input type="button" value="登陆" /><br /> ........普通按钮
<input type="submit" value="提交" /><br />..........提交按钮（点击后转到form内的提交的服务器的地址）
<input type="reset" disabled="disabled" /><br />.........重置按钮
<input type="image" src="a006.jpg" width="200" />........图片按钮
<br />
<br />
说说：<textarea cols="字符多少" rows="几行高">qwertyui</textarea>........文本域
<input type="hidden" value="12345" /><br />........隐藏域
<br />
<input type="radio" name="sex" checked="checked" />男<br />（单选按钮；checked，设置默认选项；name内的值用来分组）
<input type="radio" name="sex" />女<br />
<br />
<input type="checkbox" checked="checked" disabled="disabled" />可口可乐<br />（复选按钮）
<input type="checkbox" />百事可乐<br />
<input type="checkbox" />芬达<br />
<br />
<input type="file" /><br />.........（文件上传）
<br />
<select size="1">.........下拉列表框，size=1时，为下拉菜单；>1时为列表；multiple为多选
<option value="11">可口可乐</option>
<option value="22">百事可乐</option>
<option value="33">芬达</option>
</select>
</form>
<iframe src="Untitled-1.html" width="400" height="300px" frameborder="1"></iframe>......内嵌网页，frameborder，边线；scrolling，滚动条
例：QQ注册
<table background="89.jpg" align="center"width="600" height="700" border="0" cellspacing="0" cellpadding="0">
<tr height="30">
<td width="140"><font size="+1">注册账号</font></td>
<td></td>
</tr>
<tr height="50">
<td align="right">昵称 </td>
<td><input type="text" /></td>
</tr>
<tr height="50">
<td align="right">密码 </td>
<td><input type="password"/></td>
</tr>
<tr height="50">
<td align="right">确认密码 </td>
<td><input type="password"/></td>
</tr>
<tr height="50">
<td align="right">性别 </td>
<td><input type="radio" name="sex" checked="checked"/>男<input type="radio" name="sex"/>女</td>
</tr>
<tr height="50">
<td align="right">生日 </td>
<td><select><option value="值">公历</option> <option value="值">农历</option></select>
<select ><option value="值">1989年</option><option value="值">1990年</option><option value="值">1991年</option><option value="值">1992年</option><option value="值">1993年</option><option value="值">1994年</option><option value="值">1995年</option><option value="值">1996年</option><option value="值">1997年</option><option value="值">1998年</option><option value="值">1999年</option><option value="值">2000年</option><option value="值" selected="selected">年 </option></select>
<select><option value="值">1月</option><option value="值">2月</option><option value="值">3月</option><option value="值">4月</option><option value="值">5月</option><option value="值">6月</option><option value="值">7月</option><option value="值">8月</option><option value="值">9月</option><option value="值">10月</option><option value="值">11月</option><option value="值">12月</option><option value="值" selected="selected">月</option></select>
<select><option value="值">1日</option><option value="值">2日</option><option value="值">3日</option><option value="值">4日</option><option value="值">5日</option><option value="值">6日</option><option value="值">7日</option><option value="值">8日</option><option value="值">9日</option><option value="值">10日</option><option value="值">11日</option><option value="值">12日</option><option value="值">13日</option><option value="值">14日</option><option value="值">15日</option><option value="值">16日</option><option value="值">17日</option><option value="值">18日</option><option value="值">19日</option><option value="值">20日</option><option value="值">21日</option><option value="值">22日</option><option value="值">23日</option><option value="值">24日</option><option value="值">25日</option><option value="值">26日</option><option value="值">27日</option><option value="值">28日</option><option value="值">29日</option><option value="值">30日</option><option value="值">31日</option><option value="值" selected="selected">日</option></select></td>
</tr>
<tr height="50">
<td align="right">所在地 </td>
<td><select><option value="值" selected="selected">中国</option><option value="值">美国</option><option value="值">英国</option><option value="值">俄罗斯</option></select>
<select><option value="值" selected="selected">山东</option><option value="值">北京</option><option value="值">河北</option><option value="值">湖南</option><option value="值">黑龙江</option></select>
<select><option value="值" selected="selected">淄博</option><option value="值">济南</option><option value="值">青岛</option><option value="值">烟台</option></select></td>
</tr>
<tr height="50">
<td>手机号 </td>
<td><input type="text"/></td>
</tr>
<tr height="40">
<td></td>
<td><font size="-1">可通过该手机号码快速找回密码<br/>
中国大陆地区以外手机号码 <a href="大乐透.exe" target="_blank">点击这里</a></font></td>
</tr>
<tr height="60">
<td></td>
<td><input type="text"/> <input type="submit" value="获取短信验证码"/></td>
</tr>
<tr height="50">
<td></td>
<td align="center"><input type="submit" value="立即注册"/></td>
</tr>
<tr height="50">
<td> </td>
<td><font size="-1"> <input type="checkbox"/>同时开通QQ空间<br/>
<input type="checkbox"/>我已阅读并同意相关服务条款和隐私政策<a target="_blank"href="http://zc.qq.com/chs/agreement1_chs.html">①</a><a href="http://www.qq.com/privacy.htm" target="_blank">②</a> </font></td>
</tr>
<tr>
<td> </td>
<td> </td>
</tr>
</table>
placeholder="" required="required"
0810HTML（表单）的更多相关文章
- ASP.NET Aries 入门开发教程9：业务表单的开发
前言: 经过前面那么多篇的列表的介绍,终于到了大伙期待的表单开发了. 也是本系列的最后一篇文章了! 1:表单页面的权限设置与继承 对于表单页面,权限的设置有两种: 1:你可以选择添加菜单(设置为不显示 ...
- 探索ASP.NET MVC5系列之~~~3.视图篇（下）---包含常用表单和暴力解猜防御
其实任何资料里面的任何知识点都无所谓,都是不重要的,重要的是学习方法,自行摸索的过程(不妥之处欢迎指正) 汇总:http://www.cnblogs.com/dunitian/p/4822808.ht ...
- jQuery学习之路（8）- 表单验证插件-Validation
▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...
- jQuery学习之路（5）- 简单的表单应用
▓▓▓▓▓▓ 大致介绍 接下来的这几个博客是对前面所学知识的一个简单的应用,来加深理解 ▓▓▓▓▓▓ 单行文本框 只介绍一个简单的样式:获取和失去焦点改变样式 基本结构: <form actio ...
- 12、Struts2表单重复提交
什么是表单重复提交 表单的重复提交: 若刷新表单页面, 再提交表单不算重复提交. 在不刷新表单页面的前提下: 多次点击提交按钮 已经提交成功, 按 "回退" 之后, 再点击 &qu ...
- .net erp（办公oa）开发平台架构概要说明之表单设计器
背景:搭建一个适合公司erp业务的开发平台. 架构概要图: 表单设计开发部署示例图 表单设计开发部署示例说明1)每个开发人员可以自己部署表单设计至本地一份(当然也可以共用一套开发环境,但是如 ...
- javascript表单的Ajax 提交插件的使用
Ajax 提交插件 form.js 表单的下载地址:官方网站:http://malsup.com/jquery/form/ form.js 插件有两个核心方法:ajaxForm()和ajaxSubmi ...
- 玩转spring boot——AOP与表单验证
AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...
- from表单提交数据之后，后台对象接受不到值
如果SSH框架下,前段页面通过from表单提交数据之后,在后台对象显示空值,也就是接收不到值得情况下.首先保证前段输入框有值,这个可以在提交的时候用jQuery的id或者name选择器alert弹出测 ...
随机推荐
- URAL 1176 Hyperchannels（欧拉回路路径）
Hyperchannels Time limit: 1.0 secondMemory limit: 64 MB The Galaxy Empire consists of N planets. Hyp ...
- POJ-2152 Fire （树形DP）
题目大意:在一棵树中选出一些点,选每个点的代价为w(i),并且对于点 i ,在距离它lim(i)之内必须选一个点,使它作为 i 的依赖点.求最小代价. 题目分析:定义状态dp(u,k)表示使u为根节点 ...
- backtrack下whatweb的使用
whatweb是backtrack下的一款Web识别工具,位于 Applications-->BackTrack-->Information Gathing-->Web Applic ...
- 【P1203】买花
我先在已经弱到连高精乘单精都能写错的地步了QAQ 原题: 求一个小于等于N的数M,使得phi(M)/M最小,其中phi(M)是与M互质且比M小的数的个数.例如phi(4)=2,因为1,3和4互质. N ...
- 矩阵的QR分解（三种方法）Python实现
1.Gram-Schmidt正交化 假设原来的矩阵为[a,b],a,b为线性无关的二维向量,下面我们通过Gram-Schmidt正交化使得矩阵A为标准正交矩阵: 假设正交化后的矩阵为Q=[A,B],我 ...
- 转载：javascript 拖拽排序，简洁示例备忘
转载自:http://blog.csdn.net/wang4978/article/details/6721157 <html> <head> <title>拖动行 ...
- oracle数据字典-权限-角色
每个数据库都提供了各自的数据字典的方案,虽然形式不同,但是目的和作用是一样的,比如在mysql里数据字典是在information_schema 里表现的,sqlserver则是在sys这个系统sch ...
- node js 常用模块
前100个依赖库里,underscore是属于语言基础类,express是服务器框架,有5.6个测试框架.以及5.6个递归遍历目录树的工具类.3个左右的命令行解析工具类,3个主流数据库的链接clien ...
- Android Afinal框架
项目如图: 本文参考网络! Afinal是一个开源的android的orm和ioc应用开发框架,其特点是小巧灵活,代码入侵量少.在android应用开发中,通过 Afinal的ioc框架,诸如ui绑定 ...
- JavaScript 类定义常用方法（转）
1.对象直接量 var obj1 = { v1 : "", get_v1 : function() { return this.v1; }, set_v1 : function(v ...