码迷,mamicode.com
首页 > Web开发 > 详细

图片热点,网页划区,form表单

时间:2016-05-20 11:41:35      阅读:227      评论:0      收藏:0      [点我收藏+]

标签:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>HTML第二堂课复习</title>
</head>

<body>
图片热点:<br />
规划处图片上的一个区域,可以做出超链接,直接点击图片区域就可以完成跳转效果。<br />
示例:<br />
<img  src="0519/n0.jpg" usemap="niu" name="nainiu" title="这是一头牛"/><!--在插入的的图片上截取一部分usemap定义名字 --> 
<map name="niu"><!--引用命名的截取图像 -->
<area shape="circle"  coords="612,373,50" 
href="http://www.baidu.com/" />
<!--circle圆形区域,rect 矩形区域 pooly多边形区域 coords定义区域大小,点的坐标  -->
<!--href链接到网址 -->
</map>
<div>这里是div区域</div><br /><br />
网页划区:<br />
在一个网页中,画出一个区域用来展示另一个区域的内容。<br />
示例
<table width="300" border="1" ><!--先创建一个表格区域来存放网页 -->
<tr>
<td>
<iframe src="http://baidu.com" width="300" height="300"  frameborder="1"  ><!--设置连接,高度,宽度,边框 -->
</iframe>
</td>
</tr>
</table><br />
网页拼接<br />
在一个网页内,规划出多个页面窗口,以表格的形式展示出来<br />
表单:
<!--<form id="" name="" method="post/get" action="负责处理的服务端"> -->
id不可重复,name可重复,get提交有长度限制,并且编码后的内容在地址栏可见,
post提交没有长度限制,且编码后内容不可见。
<form>
1、文本输入<br />
(1)文本框<br />
账户:<input  type="text" value="周星驰"/><br />
(2)密码框<br />
密码:<input type="password" value="123456"/><br />
(3)文本域<br />
注释:<textarea rows="5"></textarea><br />
(4)隐藏域<br />
<input type="hidden" value="答案是"/><br />
2、按钮<br />
(1)提交按钮<br />
默认将整个form表单进行提交,然后对整个页面进行刷新<br />6
<input  type="submit"  /><br />
(2)重置按钮<br />
<input  type="reset" /><br />
(3)普通按钮<br />
<input  type="button" /><br />
(4)图片按钮<br />
<input  type="image" src="0519/n0.jpg" width="60" /><br />
disabled使按钮失效<br />
enable使按钮可用<br />
3、选择输入<br />
(1)单选按钮组
<!--<input type="radio" name="" checked="checked" value="" /> -->
name的值用来分组,value的值看不见,提交给程序用的,checked设置默认选项<br />
<input type="radio" name="x"/><input type="radio" name="x"/><br />
(2)复选框组<br />
<!--<input type="checkbox" name="" checked="checked" value="" /> -->
<input type="checkbox" />汉堡<br />
<input type="checkbox" />鸡腿<br />
<input type="checkbox" />可乐<br />
<input type="checkbox" />雪碧<br />
(3)文件上传<br />
<!--<input type="file" name="" id="" /> -->
<input  type="file"/><br />
(4)下拉表单<br />
<!--<select name="" id="" size="" multiple="multiple"> -->
 size为1时,为菜单;>1时,为列表。multiple为多选
selected,设为默认。<br />
你的爱好是:
<select >
<option>吃饭</option>
<option>睡觉</option>
<option>上网</option>
<option>玩游戏</option>
<option>出去玩</option>
</select>

</form>

</body>
</html>

 

图片热点,网页划区,form表单

标签:

原文地址:http://www.cnblogs.com/fengsantianya/p/5511236.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!