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

最新推荐文章于 2021-03-17 01:32:01 发布

sky_悒晨

最新推荐文章于 2021-03-17 01:32:01 发布

阅读量469

点赞数

本文链接：https://blog.csdn.net/u011700006/article/details/38420605

版权

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

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页面：