from表单iframe原网页嵌入
今天是巩固的from表单跟嵌入其他页面，同样的，学习到了新的知识。
温故而知新：
iframe——在原页面嵌入其他页面，以窗口的样式
其中scrolling——滚动条
noresize——可调整大小
frame——边框线
瞅下练习的代码：
<!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>无标题文档</title>
</head>
<body>
<iframeset rows="200,*">
<iframe src="http://www.baidu.com" scrolling="no" noresize"" ></iframe>
<iframe src="http://www.hao360.com"></iframe> </frameset>
</body>
</html>
效果图：
————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————
今天的作业：
代码部分：
<!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>无标题文档</title>
</head> <body bgcolor="#660000" > <form>
<font color="#FFFFFF">
<table width="500" height="1200" cellpadding="0" cellspacing="0" border="1px" align="center">
<tr>
<th colspan="2" rowspan="2"><font size="+5">注册表单作业</font></th> </tr>
<tr> </tr>
<tr align="center">
<td width="80">邮箱地址</td>
<td>
<input type="text" required="required" style=" width:200px; height:30px" placeholder="请输入:" />
</td>
</tr>
<tr height="20px">
<td colspan="2"><font color="#666666" size="-3"> 需要通过邮箱激活账户哦！</font></td> </tr>
<tr align="center">
<td>用户名</td>
<td><input type="text" required="required" style=" width:200px; height:30px" placeholder="请输入:" /></td>
</tr>
<tr height="20px">
<td colspan="2"><font color="#666666" size="-3"> 用于登入，最少8个字符哦！</font></td> </tr>
<tr align="center">
<td>昵称</td>
<td><input type="text" required="required" style=" width:200px; height:30px" placeholder="请输入:" /></td>
</tr>
<tr height="20">
<td colspan="2"><font color="#666666" size="-3"> 不可输入非法字符哦！</font></td> </tr>
<tr align="center">
<td>密码</td>
<td><input type="password" required="required" style=" width:200px; height:30px" placeholder="请输入：" /></td>
</tr>
<tr align="center">
<td>确认密码</td>
<td><input type="password" required="required" style=" width:200px; height:30px" placeholder="请输入：" /></td>
</tr>
<tr height="20">
<td colspan="2"><font color="#666666" size="-3"> 最少八位，必须包含数字字母哦！</font></td> </tr>
<tr height="50" align="center">
<td>性别</td>
<td>
<input type="radio" name="123" id="a1" /><label for="a1">帅哥</label>
<input type="radio" name="123" id="a2" /><label for="a2">美女</label> </td>
</tr>
<tr align="center" height="90" >
<td>爱好</td>
<td><input type="checkbox" id="a3" /><label for="a3">睡觉</label>
<input type="checkbox" id="a4" /><label for="a4">吃饭</label>
<input type="checkbox" id="a5" /><label for="a5">玩</label></td>
</tr>
<tr align="center">
<td>输入验证码</td>
<td><input type="text" required="required" style=" left:20px; top:0px; width:150px; height:50px" placeholder="请输入:" /> <img src="QQ截图20161222103415.png""; width="96" height="22" style=" top:20px;height:"70px /></td>
</tr>
<tr align="center">
<td><input type="submit" value="提交" /></td>
<td><input type="reset" value="重置" /></td>
</tr> </table> </font>
</form>
</body>
</html>
效果图：
from表单iframe原网页嵌入的更多相关文章
- 使用django表单，使网页添加上传文件，并分析文件。
开发环境是: apache + python + django+ eclipse(开发环境) 欲达到目的: 在网页上,添加上传文件控件.然后读取csv文件,并分析csv文件. 操作步骤: django ...
- 表单/iframe与video标签
<form action="所有表单值提交的地址" method="传值的方式默认是GET方式,还有另一种POST方式"> 表单元素</for ...
- ISO端form表单获取焦点时网页自动放大问题
iOS端网页form表单输入信息时,网页自动放大,这是因为meta标签 刚开始的时候meta标签是 <meta name="viewport" content="w ...
- 『心善渊』Selenium3.0基础 — 16、Selenium对iframe表单的操作
目录 1.什么是iframe表单 2.iframe表单操作流程 3.iframe表单操作常用方法 (1)进入表单 (2)多表单切换 4.表单操作示例 1.什么是iframe表单 实际上就是HTML页面 ...
- 【原】如何改变表单元素的外观(for Webkit and IE10)
表单元素在网页设计中使用的非常频繁,如文本输入框.单选框.复选框.选择列表.上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的 ...
- html_02之表单、其它
1.表单属性action:处理表单数据服务器端处理程序地址,默认提交本页: 2.表单属性method:①get:明文,数据显示地址栏,长度<2KB,向服务器请求数据时使用:②post:密文,提交 ...
- XHTML表单
1.HTML表单标记提供一套元素和属性,用来创建表单,收集网页参观者信息. 2.创建表单结构标记为<form>和</form>. 3.在<form>标记中,我们必须 ...
- HTML5表单元素的学习
本文内容 认识表单 基本元素的使用 表单高级元素的使用 现学现卖--创建用户反馈表单 ★ 认识 ...
- activiti自定义流程之自定义表单（二）：创建表单
注:环境配置:activiti自定义流程之自定义表单(一):环境配置 在上一节自定义表单环境搭建好以后,我就正式开始尝试自己创建表单,在后台的处理就比较常规,主要是针对ueditor插件的功能在前端进 ...
随机推荐
- Fiddler 工作原理
Fiddler工作原理: 就在在客户端与服务器端创建一个代理服务器: 在开启Fiddler后,Fiddler会自动窜改浏览器的代理,例如我们打开Fiddler,打开IE浏览器--设置--Interne ...
- swift 如何给tabBarItem的相关设计
//设置tabBarItem的title,以及点击和不点击状态图片 self.tabBarController.tabBarItem = UITabBarItem(title: "投资理财& ...
- js选择器
原生JS选择器有getElementById.getElementsByName.getElementsByTagName和getElementsByClassName这四个,下面我就一个一个介绍这四 ...
- 【Thinking in Java】编写构造器时应注意：尽量避免调用其他非private方法
最近重温了<Thinking in Java>,发现了一个让我为之兴奋的知识漏洞,必须得分享一下. 上一篇的<Java类初始化的过程>的随笔中,那个初始化顺序并不完整.初始化的 ...
- jQuery实现锚点平滑定位
一般的锚点,就是点击一个按钮或者其他元素可以实现定位效果,当然可以使用锚点实现,但是这个不够美观,没有平滑的动画过渡效果,下面就通过代码实例介绍一下利用jquery实现平滑的定位效果. <!DO ...
- STL源码--序列式容器
1. vector: vector的内存管理,动态分配内存,不需要程序员来维护存储空间,是与array最大的区别,程序员只需从逻辑上关注代码,而不需要对内部的存储空间的分配和回收分心.首先,vecto ...
- [置顶]PADS PCB功能使用技巧系列之NO.001- 如何走蛇形线？
蛇形线是布线过程中常用的一种走线方式,其主要目的是为了调节延时满足系统时序设计要求,但是设计者应该有这样的认识:蛇形线会破坏信号质量,改变传输延时,布线时要尽量避免使用,因此一块PCB上的蛇形线越多并 ...
- C#与C++的区别！
(1) 编译目标:C++代码经常编译成汇编语言.而C#则编译成中间语言(IL)它与Java的字节代码有些相似.IL随后在通过Iust-In-Time编译进程转换成本机的可执行代码.IL代码将作为一个装 ...
- LAMP自定义编译安装
httpd 2.4.4 + mysql-5.5.28 + php-5.4.13编译安装过程: 一.编译安装apache 1.解决依赖关系 httpd-2.4.4需要较新版本的apr和apr-util, ...
- sass中级语法
github地址:https://github.com/lily1010/sass/tree/master/course02 用到的sass语法是: sass --watch test.scss:te ...