图片热点：

划出图片中的区域，做超链接，点击该区域就可以直接跳转到链接网站

<img src="../../../3.jpg" title="血精灵" usemap="jingling" />

<map name="jingling">

<area shape="rect" coords="52,217,288,395" href="http://www.baidu.com" />

<area shape="circle" coords="113,130,72" href="http://www.xd.com" />

上面指定的链接是心动，下面矩形是百度的超链接

网页划区：划一个区域用来引用另外网页的内容

<iframe src="../1024/Untitled-1.html" width="400" height="300" frameborder="1"></iframe>

表单：

1.文本输入

文本框

账号：<input type="text" value="" required="required" placeholder="请输入账号" /><br />

输入时：灰色字（placeholder）自动消失，required：必须输入指令

密码框

<input type="password" />

文本域

<textarea cols="20" rows="5"></textarea>

cols（字符多少） rows（几行高）

隐藏域

<input type="hidden" name="" id="" value="" />

注：

placeholder：使文本框中限时提示性文字，当文本框中未输入任何内容时才显示。

2、按钮

提交按钮

<input type="submit" value="提交" />

点击后转到form内的提交服务器的地址 （提交表单所有内容并刷新页面）

重置按钮

<input type="reset" />

普通按钮

<input type="button" value="登陆" disabled="disabled" />

图片按钮

<input type="image" src="QQ图片20161025152150.png" width="80" />

（图片按钮默认功能与提交按钮一致）

附：disabled，使按钮失效；enable，使可用。

3、选择输入

单选按钮组

<input type="radio" name="sex" checked="checked" />男<input type="radio" name="sex" />女

name的值用来分组；value值看不见，是提交给程序用的；checked，设置默认选项。

复选框组

<input type="checkbox" />剑灵<input type="checkbox" />飞羽<input type="checkbox" />武圣

文件上传

<input type="file" />

下拉列表框：

<select size="1">

<option>圣光</option>

<option>背水一战</option>

<option>回旋击</option>

<option>血镇</option>

<option>不动如山</option>

<option>无极护体</option>

作业：

<body background="未标题-1.jpg">

<table width="100%" border="0" cellpadding="0" cellspacing="0">

<tr>

<td width="100">邮箱:</td>

<td><input type="text" value="" required="required" placeholder="请输入账号" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">需要通过邮箱激活账户，不支持sohu，21cn，sougou的邮箱</font></td>

</tr>

<tr>

<td width="100">登陆用户名:</td>

<td><input type="text" value="" required="required" placeholder="请输入用户名" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">仅在登录时使用，字符数不少于4个</font></td>

</tr>

<tr>

<td>显示名称：</td>

<td><input type="text" value="" required="required" placeholder="请输入名称" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">即昵称，字符数不少于2个</font></td>

</tr>

<tr>

<td>密码：</td>

<td><input type="password" /></td>

</tr>

<tr>

<td>确认密码：</td>

<td><input type="password" /></td>

</tr>

<tr>

<td></td>

<td><font color="#666666" size="-1">至少8位，必须包含字母、数字、特殊字符</font></td>

</tr>

<tr>

<td>性别：</td>

<td><input type="radio" name="sex" /><b>男</b><input type="radio" name="sex" /><b>女</b></td>

</tr>

<tr>

<td>喜好：</td>

<td><input type="checkbox" /><b>听音乐</b><input type="checkbox" /><b>做运动</b><input type="checkbox" /><b>旅行</b><input type="checkbox" /><b>收集纪念品</b><input type="checkbox" /><b>其他</b></td>

</tr>

<tr>

<td>户籍：</td>

<td><select size="1">

<option>张店区</option>

<option>淄川区</option>

<option>博山区</option>

<option>周村区</option>

<option>高新区</option>

<option>临淄区</option>

<option>桓台县</option>

<option>高青县</option>

<option>沂源县</option></td>

</tr>

<tr>

<td></td>

<td><input type="submit" value="注册" /></td>

</tr>

<tr>

<td></td>

<td><input type="reset" /></td>

</tr>

</table>

</body>

注册邮箱

HTML:图片热点 网页划区 表单的更多相关文章

  1. HTML静态网页 图片热点、框架、表单

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 框架: 1.frames ...

  2. HTML基础（二）——表单，图片热点，网页划区和拼接

    一.表单 <form id="" name="" method="post/get" action="负责处理的服务端&qu ...

  3. HTML · 图片热点，网页划区，拼接，表单

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 网页的拼接: 在一个网络页面内,规划出多 ...

  4. HTML图片热点、网页划区、拼接、表单

    一.图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 二.网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 三.网页的拼接: ...

  5. HTML静态网页（图片热点、网页划区、拼接及表单的使用）

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例:   网页的拼接: 在一个 ...

  6. HTML--2图片热点，网页划区，拼接，表单

    图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: 网页划区: 在一个网页里,规划出一个区域用来展示另一个网页的内容. 示例: 网页的拼接: 在一个网络 ...

  7. 2016/2/18 html 图片热点，网页划区，拼接，表单

    ①图片热点 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 显示 ②网页划区 在一个网页里,规划出一个区域用来展示另一个网页的内容. ③网页拼接 在一个网络页面内,规划 ...

  8. HTML--表单，图片热点，网页划区和拼接

    一.图片热点 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. 示例: <img src="/ usemap="longzhu"> ...

  9. 3月20日html(二) 图片热点，网页划分，表单

    1.图片热点: 规划出图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转的效果. <img src=" usemap="map" name=" ...

随机推荐

  1. The quieter you become,The more you are able to hear.

  2. iis7.5安装配置php环境

    前言 iis7.5是安装在win7.win8里的web服务器,win2003.win2000的web服务器使用的是iis6.0,由于win7.win8系统相比win2003.win2000有了改新革面 ...

  3. JSON数据解析 基础知识及链接收集

    JSON数据解析学习 JSON介绍 JSON(JavaScript Object Notation)是一种轻量级的数据交换格式. JSON 是存储和交换文本信息的语法.类似 XML.但是JSON 比 ...

  4. Android 国际化

    由于公司的项目是投放 google play store , 所以要做国际化.国际化遇到的两个大问题 字符串国际化 布局样式国际化 一:字符串国际化        解决这个问题很简单,在res目录下放 ...

  5. 与TableView插入、删除、移动、多选，刷新控件

    一.插入.删除.移动.多选 方法一: Cell的插入.删除.移动都有一个通用的方法,就是更新tableView的数据源,再reloadData,这样做实现上是简单一点,但是reloadData是刷新整 ...

  6. iOS开发之多线程技术

    本篇争取一篇讲清讲透,依然将通过四大方面清晰的对iOS开发中多线程的用法进行详尽的讲解: 一.什么是多线程 1)多线程执行原理 2)线程与进程 3)多线程的优缺点 二.我们为什么要用多线程编程技术 三 ...

  7. ios 返回指定导航控制器

    UINavigationController *navigationVC = self.navigationController; NSMutableArray *viewControllers = ...

  8. PNote桌面贴小工具 - 项目管理系列文章

    项目经理在项目过程中将会使用到各种工具,以期能够相互配合,对项目组的各种管理工作进行工作的开展和完成.以前就写过一些项目工具的使用,见下链接: 1.Mindjet MindManager思维导图工具的 ...

  9. ORACLE AWR报告生成过程出现多个实例记录分析

    在一次生成AWR报告中,发现在"Instances in this Workload Repository schema"部分,出现了多个实例记录信息(host敏感信息被用host ...

  10. jQuery自动完成组建Autocomplete

    一,属性介绍 * minChars (Number) 在触发autoComplete前用户至少需要输入的字符数.Default: 1,如果设为0,在输入框内双击或者删除输入框内内容时显示列表* wid ...