今天是巩固的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. 【转】MySQL的各种timeout

    因为最近遇到一些超时的问题,正好就把所有的timeout参数都理一遍,首先数据库里查一下看有哪些超时: root@localhost : test 12:55:50> show global v ...

  2. 《UML大战需求分析》阅读笔记4

    流程分析利器之二,状态机图. 状态机图也可以叫状态图,也是用来分析流程的,之前的活动图的主体是事件的行为,而状态机图主要描述的是事件的状态. 开始:实心圆点: 结束:点加环:(与活动图一样) 状态:圆 ...

  3. java执行效率低,但效率就低吗?

    很多没用过java或者没怎么用过java的程序员都会说java执行效率低,这种言论时不时的在影响着我这个初级的java开发者. java执行效率低因如下几点导致(和C++比较): 1,java不允许内 ...

  4. maven 环境的配置 JAVA_HOME not found in your envirnment

    maven 的环境配置在配置maven前 先做好java的环境配置现在假定java已经配置好了.在环境变量中添加;maven的解压路径\bin 例如:D:\soft\java\apache-maven ...

  5. Ajax参数详解

    1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如 ...

  6. linux环境下安装mongodb

    最近有用到mongodb,顺便找到了以前的指南,顺便写一篇随笔,以后或许有用到的地方. 第一步:下载mongodb的linux版本,mongodb-linux-x86_64-3.2.4.tgz(去官网 ...

  7. LInux javac时, 提示command not found

    这个是我之前看了很多的论坛发现的问题,我想了很久也没有发现问题,明明路径都是对的,配置文件也没有错误,为什么最后却只有执行java好使,但是执行javac不好使 因为java分两个版本一个是jre,一 ...

  8. CentOS 7下设置DNS服务器

    在CentOS 7下,手工设置 /etc/resolv.conf 里的DNS,过了一会,发现被系统重新覆盖或者清除了.和CentOS 6下的设置DNS方法不同,有几种方式: 1.使用全新的命令行工具 ...

  9. 通过硬编码获取dubbo服务对象

    运维进行监控dubbo服务的时候可能会调用dubbo服务对象,并且定期去执行,这时候如果需要添加新的服务,可能需要修改监控dubbo服务的配置,即dubbo-producer.xml或是dubbo-c ...

  10. 3_for循环的拓展应用

    HTML代码: <input type="button" value="1"/> <input type="button" ...