今天是巩固的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">&nbsp;&nbsp;&nbsp;&nbsp;需要通过邮箱激活账户哦！</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">&nbsp;&nbsp;&nbsp;&nbsp;用于登入，最少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">&nbsp;&nbsp;&nbsp;&nbsp;不可输入非法字符哦！</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">&nbsp;&nbsp;&nbsp;&nbsp;最少八位，必须包含数字字母哦！</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="请输入:" />  &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<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原网页嵌入的更多相关文章

  1. 使用django表单，使网页添加上传文件，并分析文件。

    开发环境是: apache + python + django+ eclipse(开发环境) 欲达到目的: 在网页上,添加上传文件控件.然后读取csv文件,并分析csv文件. 操作步骤: django ...

  2. 表单/iframe与video标签

    <form action="所有表单值提交的地址" method="传值的方式默认是GET方式,还有另一种POST方式"> 表单元素</for ...

  3. ISO端form表单获取焦点时网页自动放大问题

    iOS端网页form表单输入信息时,网页自动放大,这是因为meta标签 刚开始的时候meta标签是 <meta name="viewport" content="w ...

  4. 『心善渊』Selenium3.0基础 — 16、Selenium对iframe表单的操作

    目录 1.什么是iframe表单 2.iframe表单操作流程 3.iframe表单操作常用方法 (1)进入表单 (2)多表单切换 4.表单操作示例 1.什么是iframe表单 实际上就是HTML页面 ...

  5. 【原】如何改变表单元素的外观(for Webkit and IE10)

    表单元素在网页设计中使用的非常频繁,如文本输入框.单选框.复选框.选择列表.上传文件,它们在浏览器中的展现有自带的外观,为了在视觉上取得更好的产品体验,保持客户端的统一,通常产品经理会提出需要改变它的 ...

  6. html_02之表单、其它

    1.表单属性action:处理表单数据服务器端处理程序地址,默认提交本页: 2.表单属性method:①get:明文,数据显示地址栏,长度<2KB,向服务器请求数据时使用:②post:密文,提交 ...

  7. XHTML表单

    1.HTML表单标记提供一套元素和属性,用来创建表单,收集网页参观者信息. 2.创建表单结构标记为<form>和</form>. 3.在<form>标记中,我们必须 ...

  8. HTML5表单元素的学习

    本文内容              认识表单              基本元素的使用              表单高级元素的使用              现学现卖--创建用户反馈表单 ★  认识 ...

  9. activiti自定义流程之自定义表单（二）：创建表单

    注:环境配置:activiti自定义流程之自定义表单(一):环境配置 在上一节自定义表单环境搭建好以后,我就正式开始尝试自己创建表单,在后台的处理就比较常规,主要是针对ueditor插件的功能在前端进 ...

随机推荐

  1. 读取全球ip获取用户地区

    这个 首先说明下.ip库是qq纯真ip库 dat文件类型 public static string QQipPath = AppDomain.CurrentDomain.BaseDirectory + ...

  2. JAVA里的异常

    一.概念和分类 JAVA程序设计语言中,异常对象都是Throwable类的一个实例.Throwable分为Error和Exception. 其中,Error类层次结构描述了JAVA运行时系统的内部错误 ...

  3. 《python核心编程》笔记——系统限制

    输出当前系统关于数字的范围 import sys l = {} maxint = sys.maxint minint = -maxint maxlong = sys.maxsize minlong = ...

  4. 我的Sharepoint视图的使用

    视图是个很灵活的工具,不过在使用前,为了更好的管理视图,我会将Contribute的权限的视图功能去掉. 普通用户都设为Contribute权限,有增删改操作就行. 这样做主要有三个目的: 1.不能让 ...

  5. 链表反转 (Multi-method)

    链表反转是链表相关问题最基础的知识,做完LeetCode中LinkedList后才会有这种体会,因为ACM算法中不会涉及这一部分.解决这一问题有多种方法,在面试中面试官通常也会要求写出多种.包括sta ...

  6. [置顶]PADS PCB功能使用技巧系列之NO.005- 如何正确使用Verify Design？

    有没有遇到过进行Verify Design通过后,回来的样板仍然出现短路或其它莫名其妙的问题?此情此景,你是否一度对PADS失去的希望?但,工具是没有问题的,看看怎么样正确有效地使用它吧.主要需要注意 ...

  7. U盘的不识别问题

    1.案例: 我重新装过电脑以后出现过一个问题是: 我的U盘只能在我电脑上用,在其他电脑上不能用 其他人的U盘不能在我的电脑上用. 2.根本问题: 是驱动问题.接口上没符合的驱动,未能指定路径.电脑上可 ...

  8. css长度值与颜色值

    颜色值 在网页中的颜色设置是非常重要的,有字体颜色,背景颜色,边框颜色等,设置颜色的方法也有很多种: 1.英文命令颜色 p{color:red;} 2.rgb颜色 p{color:rgb(133,45 ...

  9. Eclipse侧边栏Outline设置字体

    Eclipse的Outline,Project Explorer,Call Hierarchy等小窗口是很方便的功能,但是遇到函数名或文件名很长的情况,就只能显示前半段.尽管Eclipse的自定义程度 ...

  10. python中re.findall()找到的结果替换

    正则表达式re模块中用findall查找到的是ascii码,所以当比对替换时也需要对应的ascii码才能匹配成功.以下程序是查找文件夹下文件名中含有男.女的文件,并将男替换成1,将女替换成2的程序 # ...