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弹出测 ...
随机推荐
- linux 下查看机器是cpu是几核的（转）
几个cpu more /proc/cpuinfo |grep "physical id"|uniq|wc -l 每个cpu是几核(假设cpu配置相同) more /proc/cpu ...
- URAL 2034 Caravans（变态最短路）
Caravans Time limit: 1.0 secondMemory limit: 64 MB Student Ilya often skips his classes at the unive ...
- <老友记>学习笔记
这是六个人的故事,从不服输而又有强烈控制欲的monica,未经世事的千金大小姐rachel,正直又专情的ross,幽默风趣的chandle,古怪迷人的phoebe,花心天真的joey——六个好友之间的 ...
- kuangbin_UnionFind A (POJ 2236)
挺接近模板的一题 接受O操作的时候扫一遍 符合条件的merge进去 done #include <cstdio> #include <cstring> #include < ...
- Linux驱动设计——字符杂项设备
杂项设备 linux里面的misc杂项设备是主设备号为10的驱动设备,misc设备其实也就是特殊的字符设备,可自动生成设备节点. 定义头文件<linux/miscdevice.h> 杂 ...
- (转) Written Memories: Understanding, Deriving and Extending the LSTM
R2RT Written Memories: Understanding, Deriving and Extending the LSTM Tue 26 July 2016 When I was ...
- C++ little errors , Big problem
---------------------------------------------------------------------------------------------------- ...
- Syscall param open(filename) points to unaddressable byte(s)
valgrind 调试出现如题所示的错误,原因是存取文件名的空间被释放了 源代码: cfg->snteam_cfg->snt.score.nd.wrd_dict_db_fn=cfg-> ...
- c#强制执行内存回收
[DllImport("psapi.dll")] private static extern int EmptyWorkingSet(int hProcess); GC.Colle ...
- unity, ugui input field
ugui Input Field,获取输入的字符串. 错误方法: string content=inputField.FindChild("Text").text; 这样得到的是输 ...