画中画
代码
<html>
<head>
<title>ceshi</title>
</head>
<body>
<a href="http://www.baidu.com" target="iframe1">连接到百度</a>
<a href="page2.html" target="iframe2">连接到本地</a>
<br/>
<iframe name="iframe1" src="page4.html" width="600px" />
<br/>
<iframe name="iframe2" src="page1.html" width="600px" />
</body>
</html>
效果图1
默认页面
点击连接后的页面
表单
作用：把数据提交给服务器处理，例如注册用户，发表博客等
基本结构
<form>
<input type="类型" name="名字" />
</form>
method get和post区别
1，安全性
post比get更安全
post数据不会显示在地址栏
2，提交数据量不一样
post比get能够提交更多的数据
3，响应速度
get响应速度比post快，同时get方式也可用于收藏页面
代码
<html>
<head>
<title>登录系统</title>
</head>
<body>
<h1>登录界面</h1>
<form action="page4.html" method="get">
用户名：<input type="text" name="username" /><br/>
密 码：<input type="password" name="password"/><br/>
<input type="submit" value="登录"/>
<input type="reset" value="重写"/>
</form>
</body>
</html>
效果图
输入帐号密码
实例代码
<html>
<head>
<title>shili</title>
</head>
<body>
<!--复选框-->
<form action="page4.html" method="get">
你喜欢哪些城市：
<input type="checkbox" name="cities" value="beijing" />beijing
<input type="checkbox" name="cities" value="shanghai"/>shanghai
<input type="checkbox" name="cities" value="guangzhou"/>guangzhou
<br/>
<!--单选框-->
选择性别：
<input type="radio" name="sex"value="nan"/>nan
<input type="radio" name="sex" value="nv"/>nv
<br/>
<!--下拉框-->
xihuandedifang
<select name="address" size="2" multiple>
<option value="qinghai">qinghai</option>
<option value="hubei">hubei</option>
<option value="guangdong">guangdong</option>
</select><br/>
<!--文本域-->
<textarea name="mytext" cols="60" rows="10">输入你的内容...
</textarea><br/>
<!--上传文件-->
<input type="file" name="myfile"/> 文件上传<br/><br/>
<!--隐藏域-->
<input type="hidden" name="data" value="ok"/>
<!--图片按钮-->
<input type="image" src="pictures/zc.png "/>
</form>
</body>
</html>
效果图
注：隐藏域内的数据，不需选择，每次都会跟着页面发出去，对用户是不可见的
END！