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弹出测 ...
随机推荐
- I’m stuck!（BFS）
I’m stuck! 给定一个R行C列的地图,地图的每一个方格可能是'#', '+', '-', '|', '.', 'S', 'T'七个字符中的一个,分别表示如下意思: '#': 任何时候玩家都不能 ...
- Linux 下WordPress FTP帐号解决办法
自己用Ubuntu搭建WordPress后在更换主题时提示需要输入FTP帐号和密码,解决办法主要是把WordPress主目录的权限所有者弄为Apache: 找到apache服务所使用的用户名和用户组 ...
- [原创]cocos2d-x研习录—前言
我认为很多开发者面对层出不穷的新技术.新思想和新理念,最为之苦恼的是找不到行之有效的学习方法,对于知识的本质缺乏认识,虽阅读了大量教材,却无法将其融入自己的知识体系,并搭建自己的知识树.不可否认,教材 ...
- nginx无法启动: libpcre.so.1/libpcre.so.0: cannot open shared object file解决办法
NGINX启动时提示错误: /usr/local/nginx/sbin/nginx -t/usr/local/nginx/sbin/nginx: error while loading shared ...
- css div要点汇总
1.子元素选择两种 h1 strong{color:red}意思是所有后代只要是strong就变成红色 h1>strong{color:red}效果同上但只对第一代后代元素有效 相邻兄弟元素 h ...
- tomcat 源码解析
how_tomcat_works https://www.uzh.ch/cmsssl/dam/jcr:00000000-29c9-42ee-0000-000074fab75a/how_tomcat_w ...
- 100 open source Big Data architecture papers for data professionals
zhuan :https://www.linkedin.com/pulse/100-open-source-big-data-architecture-papers-anil-madan Big Da ...
- MapReduce: 一个巨大的倒退
前言 databasecolumn 的数据库大牛们(其中包括PostgreSQL的最初伯克利领导:Michael Stonebraker)最近写了一篇评论当前如日中天的MapReduce 技术的文章, ...
- page cache 与 page buffer 转
page cache 与 page buffer 标签: cachebuffer磁盘treelinux脚本 2012-05-07 20:47 2905人阅读 评论(0) 收藏 举报 分类: 内核编程 ...
- c语言编程中%g是什么格式
%g用来输出实数,它根据数值的大小,自动选f格式或e格式(选择输出时占宽度较小的一种),且不输出无意义的0.即%g是根据结果自动选择科学记数法还是一般的小数记数法 printf("%g\n& ...