图片热点：

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

<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. JQuery插件Validation的使用-遁地龙卷风

    第二版 (-1)写在前面 本文不是要详细说明Validation插件的使用,而是将满足开发需求的代码已最应该使用的方式写出来,并附有详细的注释 想要了解更多,去jquery的官网,有最新,最全面的,后 ...

  2. 通过ABAP的标准功能，寻找源代码中的字符串

    程序名称: *ABAP_SOURCE_SCAN 查找 作用:通过这个标准程序,可以在系统的源代码中进行字符串的查找!

  3. centos初始配置

    修改语言环境 [root@oracledb ~]# sudo vim /etc/sysconfig/i18n 将将zh_CH修改为"en_US.UTF-8" 搭建yum本地源 参考 ...

  4. iOS创建、删除文件夹、获取沙盒路径

    1.获取沙盒路径 // 获取沙盒路径 NSString *documentsDirectory = [NSHomeDirectory() stringByAppendingPathComponent: ...

  5. Caliburn.Micro 关闭父窗体打开子窗体

    比如我们在做登录的时候需要关闭父窗体打开子窗体.使用Caliburn.Micro它的时候我们关闭登录窗口的时候主页面也会关闭. 解决方法就是在登录页面的CS里面写 IndexView iv = new ...

  6. HTTP和GET/POST请求(NSURLConnection)

    网络编程 网络编程是一种实时更新应用数据的常用手段 网络编程是开发优秀网络应用的前提和基础 网络基本概念 客户端(就是手机或者ipad等手持设备上面的APP) 服务器(远程服务器-本地服务器) 请求( ...

  7. Nutz中那些好用的工具类

    Nutz 是国产的精品开源框架,它全无依赖,只以1兆多的身材,就可以实现SSH全部功能的90%以上.内容主要涵盖了:Ioc.Aop.MVC.Dao.Json等WEB开发的方方面面.  它不仅轻巧,而且 ...

  8. TypeId和IidManager关系

    IidInformation结构 数据类型 名字 string name TypeId::hash_t hash uint16_t parent string groupName size_t siz ...

  9. 判断字符串的首字母 ---------startsWith

    列: {                                            xtype : 'gridcolumn',                                ...

  10. 每日Scrum（1）

    今天又正式开始了第二个冲刺周期,计划七天,主要需要改进的地方包括UI界面,还有一些细节的把握. 今天出现的主要问题有:在讨论UI界面风格的时候,小组内部意见不统一,对UI界面的创作流程不熟悉,以及难度 ...