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

最新推荐文章于 2024-04-24 14:37:39 发布

师从风清扬

最新推荐文章于 2024-04-24 14:37:39 发布

阅读量4.2k

点赞数 2

HTML元素--iframe浮动窗口

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

iframe元素（浮动窗口）
嵌入百度页面

[html]view plaincopy 
   
 <html>  
     <head></head>  
     <body>  
         <h1>Hello,world!</h1>  
         <!--本页面浮动窗口的跳转-->  
         <a href="http://www.taobao.com" target="iframe1">连接到淘宝</a>  
         <br/>  
         <iframe name="iframe1" src="http://www.baidu.com" width="500px" height="400px"/>  
     </body>  
 </html>  

form（表单）元素介绍 **重点**
为什么需要

从上图可以看出，我们需要把一些数据提交给服务器处里，比如注册用户，发帖……，这样就需要使用到表单元素（常见：输入框、单选框、复选框、文本域、密码框、上传文件&……）

基本结构
<input type="类型" name="名字" />
一般说，表单元素通常是被<form>包含起来的

form（表单）元素—小练习

[html]view plaincopy 
   
 <html>  
     <head>  
         <title>登录界面</title>  
     </head>  
     <body>  
         <!--method 方法指定提交数据的方式，常用的有两种 get/post-->  
         <!--action的值应当是提交给哪个页面（url）-->  
         <form action="ok.html" method="get">  
             <!--name 的值可以任意，但是不要使用关键字，中文和数字打头，有意义的用户名，实在不会用在线翻译-->  
             用户名:<input type="text" name="username" /><br/>  
             密  码:<input type="password" name="psword" /><br/>  
             <!--此处的value用于在按钮上显示字-->  
             <input type="submit" value="登录系统" />  
             <input type="reset" value="重新填写" />  
         </form>  
     </body>  
 </html>  

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

师从风清扬

关注

2
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
html浮动窗口_表单及表单控件

HTML元素--iframe浮动窗口对框架的补充，框架不能和body共存，而有时候我们恰恰又需要body，形成画中画的效果。需求：有时我们需要，在一个含有的页面嵌入另外一个页面，形成画中画的效果。iframe元素（浮动窗口）嵌入百度页面[html] view plaincopyhtml> head>h
复制链接

扫一扫