韩顺平PHP学习视频笔记整理006浮动窗口表单及表单控件①

来源：互联网发布：apache高并发解决方案编辑：程序博客网时间：2024/05/22 08:14

第六讲浮动窗口表单及表单控件①

1、iframe 的使用

有时我们需要在一个含有<body>的页面嵌入另外一个页面，形成画中画的效果。

Iframe元素（浮动窗口）

2、表单元素

我们需要把一些数据提交给服务器，比如：注册用户，发帖...这样就需要使用到表单元素（常见：输入框、单选框、复选框、文本域、密码框、上传文件...）

表单元素的基本结构

一般说，表单元素通常是被<form>包含起来的

浮动窗口实例1

<html><body><h1>hello,world</h1><a href="http://www.taobao.cn" target="iframe1">链接到淘宝</a><iframe name="iframe1" src="http://www.baidu.com"/ width="300px" height="300px"><iframe src="http://www.baidu.com"/ width="500px" height="400px"></body></html>

登陆页面，登陆成功后跳转到ok页面。

<html><head><title>登陆页面</title></head><body><!--action的值应当是提交给哪个页面（url）--><!--method方法指定提交数据的方式常用的有两种,get/post--><form action="ok.html" method="post"><!--name的值可以任意，但是不要使用关键字-->用户名：<input type="text" name="username"/><br/>密  码：<input type="password" name="password"/><br/><input type="submit" value="登录系统"/><input type="reset" value="重新填写"></form></body></html>

ok页面：

ok!登陆成功！

界面显示：

韩顺平PHP学习视频笔记整理006浮动窗口 表单及表单控件①

韩顺平PHP学习视频笔记整理006浮动窗口表单及表单控件①