html浮动窗口_表单及表单控件

HTML元素--iframe浮动窗口

对框架的补充,框架不能和body共存,而有时候我们恰恰又需要body,形成画中画的效果。
需求: 有时我们需要,在一个含有的页面嵌入另外一个页面,形成画中画的效果。

iframe元素(浮动窗口)
嵌入百度页面

html浮动窗口_表单及表单控件_第1张图片

[html]  view plain copy
  1. <html>  
  2.     <head>head>  
  3.     <body>  
  4.         <h1>Hello,world!h1>  
  5.           
  6.         <a href="http://www.taobao.com" target="iframe1">连接到淘宝a>  
  7.         <br/>  
  8.         <iframe name="iframe1" src="http://www.baidu.com" width="500px" height="400px"/>  
  9.     body>  
  10. html>  

form(表单)元素介绍 **重点**
为什么需要
html浮动窗口_表单及表单控件_第2张图片
从上图可以看出,我们需要把一些数据提交给服务器处里,比如注册用户,发帖……,这样就需要使用到表单元素(常见:输入框、单选框、复选框、文本域、密码框、上传文件&……)

基本结构

一般说,表单元素通常是被
包含起来的

form(表单)元素—小练习

html浮动窗口_表单及表单控件_第3张图片

[html]  view plain copy
  1. <html>  
  2.     <head>  
  3.         <title>登录界面title>  
  4.     head>  
  5.     <body>  
  6.           
  7.           
  8.         <form action="ok.html" method="get">  
  9.               
  10.             用户名:<input type="text" name="username" /><br/>  
  11.             密  码:<input type="password" name="psword" /><br/>  
  12.               
  13.             <input type="submit" value="登录系统" />  
  14.             <input type="reset" value="重新填写" />  
  15.         form>  
  16.     body>  
  17. html>  

基础扎实,原理性的东西搞明白,后劲足,不要浮躁,宁慢毋快

你可能感兴趣的:(html浮动窗口_表单及表单控件)