图片热点：

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

<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. 解决IIS进程回收后第一次访问慢的问题

    IIS 有一种机制,默认会在IIS空闲一定时间段后,将应用程序池进行回收,这个时间段在IIS6中默认是20分钟,在IIS7中默认是1740分钟.两个配置都不合理,都会导致当应用程序池被回收后,第一次访 ...

  2. 【Openlayers3】在地图上添加highcharts图表

    今天试用了一下ol3,效果很是不错! ol3中有个ol.Overlay,使用这个类我们可以在地图中添加各种html要素. 下面我们在地图中添加一个饼图 html中添加一个div容器: <div ...

  3. webbench 压力测试

    原文 webbench最多可以模拟3万个并发连接去测试网站的负载能力,个人感觉要比Apache自带的ab压力测试工具好用,安装使用也特别方便,并且非常小. 主要是 -t 参数用着比较爽,下面参考了张宴 ...

  4. 对抽屉效果几大github第三方库的调研

    在公司项目新版本方案选择中,对主导航中要使用的抽屉效果进行了调研.主要原因是旧的项目中所用的库ECS评价不是很好.现对当下比较火的几大热门抽屉效果的第三方库进行了调研.代码全部选自github 如果你 ...

  5. OC 内存泄露 自动释放池

    花絮:看到下面的代码就想起这么一个调侃: 一个老程序员,功成名就,金盆洗手不在写代码后,决定练练书法.提笔思索良久后在纸上写下:Hello world! /********************** ...

  6. OC中的字典NSDictionary

    ========================== 字典 ========================== NSDictionary * dict = [[NSDictionary alloc] ...

  7. java文件复制函数

    在写代码中,经常会需要复制文件.这时候就可以把这些函数放到工具类里面. 下面是一个复制文件的函数: public class CopyFileUtil { private static String ...

  8. 详解MySQL的用户密码过期功能

    这篇文章主要为大家详细介绍了MySQL的用户密码过期功能的相关资料,需要的朋友可以参考下   Payment Card Industry,即支付卡行业,PCI行业表示借记卡.信用卡.预付卡.电子钱包. ...

  9. JAVA 8 Optional类介绍及其源码

    什么是Optional对象 Java 8中所谓的Optional对象,即一个容器对象,该对象可以包含一个null或非null值.如果该值不为null,则调用isPresent()方法将返回true,且 ...

  10. ADO.Net（一）——增、删、改、查

    数据访问 对应命名空间:System.Data.SqlClient; SqlConnection:连接对象 SqlCommand:命令对象 SqlDataReader:读取器对象 CommandTex ...