zoukankan      html  css  js  c++  java
  • 表单 框架

    2018,1,6

     表单

    <body>
    <marquee direction="right">内容内容内容内内容内容内容内容内容内容</marquee>

    1-----marpuee-------无缝滚动

    2-----direction--------调节滚动的方向

    3-----right---------由左往右滚动

    4-----down--------由上往下滚动

    5-----left-----------由右往左滚动

    6-----up------------由下往上滚动

    7-----可滚动文字,图片,网址,超链接等

    今天天气<mark>很好</mark>

    1----效果:今天天气很好

    -------插入视频

    <video src="HTML地址或flash地址,MP4" width="500" height="500" autoplay="autoplay" controls="controls"></video>
    <audio autoplay="autoplay">
    -------插入音乐

    <source src=".mp3" />
    </audio>

    <form id="aaaaaa" name="sss" method="post、get" action="a.heml"></form>
    1-------form id-------id地址不可重复

    2-------name------可chongfu

    3-----get-----提交有长度限制,并且编码后地址栏可见

    4-----post----无长度限制,编码后无地址栏不可见

    5----action----负责处理的服务端

    A。。文本输入

             文本框:<input type="txt"   name=""    id=""  value=""  >

            密码框:<input type="password" name="" id="" value=""/>

            文本域:<textarea name="" id="" value=""/>

            隐藏域:<input ty pe="hidden" name="" id="" value=""/>

    B。。按钮

            重置按钮

    <input type="resrt" name="" id=""disabled="disabled" value=""/>

            普通按钮

    <input type="button" name="" id=""disabled="disabled" value=""/>

            提交按钮

    <input type="submit" name="" id=""disabled="disabled" value=""/>

            图片按钮

    <input type="image" name="" id=""disabled="disabled" value=""/>

    注释:(disabled可使按钮建失效;enable可使按钮建可使用)

    C.下拉列表

    <select name="" id="" size="" multiple="multple">                                                     注:size=1时,为菜单;>1时,为列表。multiple为多选。
    <oprion value="值">内容1</oprion>
    <oprion value="值" selected="selected">内容2</oprion>          注:selected设为默认
    <oprion value="值">内容3</oprion>
    </select>

    框架

    1------frameset

            frameset最外层的body用feameset

     

    <frameset rows="100,*" frameborer="no">               注:上下分,第一行100像素,剩余为第二行;rows换成cols则上下分改为左右分。frameborder="no"表示去掉分割线。
      <frame src="网页地址" noresize="noresize"> 注:noresize禁止窗口调整大小
      <frame sre="" scrolling="no"> 注:scrolling取消显示滚动条
    </frameset>

     

    如何让超链接指定目标页面显示在框架中?

    a,给要显示的内容的目标frame设置name属性

    b,给超链接的targrt属性设为第一步(a)设置的name

    如何让整个frameset页面跳转到某个页面?

     -----------把超链接的target属性 设为“_top”

    2---------iframe

    在原来页面内嵌入小窗口显示其他页面

    <iframe src="目标网页地址" width="" height="" framebordre="0"scrolling="no"></ifane>
    注:
    framebordre,边线;scrolling滚动条。如果设置高和宽为0,则不显示,但是在后台会存在这样一个页面。

     《代码》:

    《表单》:

    <!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>
            
    <form id="aaaaaa" name="sss" method="post" action="a.heml"></form>
                <font><b>账号:</b></font>
    <input type="txt" name="sss" id="" value=""/><br>
                <font><b>密码:</b></font>
    <input type="password" name="sss" id="" value=""/><br />
                <font><b>确认密码:</b></font>
    <input type="password" name="sss" id="" value=""/><br />
                <font><b>年龄:</b></font>
    <input type="txt" name="sss" id="" value=""/><br>
                <font><b>邮箱:</b></font>
    <input type="txt" name="sss" id="" value=""/><br>
                <font><b>手机:</b></font>
    <input type="txt" name="sss" id="" value=""/><br>
                <font><b>固定电话:</b></font>
    <input type="txt" name="sss" id="" value=""/><br>
                <font><b>身份证:</b></font>
                        <input type="txt" name="sss" id="" value=""/><br>
                <font><b>日期:</b></font>
                            <input type="txt" name="sss" id="" value=""/><br>
                <font><b>性别:</b></font>
    <input type="radio" name="sss"/><input type="radio" name="sss"/><input type="radio" name="sss"/>其他<br />
                <font><b>类型:</b></font>
                        <select name="" id="" size="1" multiple="multiple">
                            <option value="">实习生</option>
                            <option value="">见习生</option>
                            <option value="">员工</option>
                            <option value="">临时工</option>
                            </select><br>
                 <font><b>入职时间:</b></font>
                            <select name="" id="" size="1" multiple="multiple">
                            <option value="">1915</option>
                            <option value="">1916</option>
                            <option value="">1917</option>
                            <option value="">19::1</option></select><br>           
                            <input type="submit" name="sss" id="aaa" value="提交"/>
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <font><b>姓名:</b></font>
                        <input type="txt" name="sss" id="" value=""/><br>
                <font><b>性别:</b></font>
                        <input type="radio" name="sss"/><input type="radio" name="sss"/>女<br />
                <font><b>职业:</b></font>
                        <input type="txt" name="sss" id="" value=""/><br>
                <font><b>所在地:</b></font>
                        <input type="txt" name="sss" id="" value=""/><br>
                <font><b>公司/个人:</b></font>
                        <input type="radio" name="sss"/>公司
                        <input type="radio" name="sss"/>个人<br />
                <font><b>联系方式:</b></font>
                        <input type="txt" name="sss" id="" value=""/><br>
                <font><b>经营意见:</b></font>  
                        <textarea name="sss" id="" cols="100" rows="6"></textarea><br />                     
                    <input type="submit" name="sss" id="aaa" value="提交"/>感谢你的
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <br />
                <font><b>试题导入</b></font><br />
                <font color="#FF0000"><b>请选择类型</b></font><br />
                    <font><b>题型:</b></font>
                        <select name="" id="" size="1" multiple="multiple">
                            <option value="">请选择题型</option>
                            <option value="">语文</option>
                            <option value="">数学</option>
                            <option value="">历史</option></select>
                            <input type="submit" name="sss" id="aaa" value="点击下载"><br>    
                <font><b>EX批量导入试题</b></font><br />                   
                <tont><b>选择文件:</b></font>
                <input type="submit" name="sss" id="aaa" value="浏览'''"/>
                <font><b>选择文件</b></font><br />
                <center><input type="submit" name="sss" id="aaa" value="导入"/></center>
    </body>
            </html>

    《表单网页显示》:

    账号: 
    密码: 
    确认密码: 
    年龄: 
    邮箱: 
    手机: 
    固定电话: 
    身份证: 
    日期: 
    性别: 男 女 其他
    类型: 
    入职时间: 
     







    姓名: 
    性别: 男 
    职业: 
    所在地: 
    公司/个人: 公司 个人
    联系方式: 
    经营意见: 
    感谢你的 







    试题导入
    请选择类型
    题型:  
    EX批量导入试题
    选择文件:  选择文件

     《框架代码》:

    <!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>
    
    
                <frameset rows="*,*">
                <frame src="0105表格.html" marginwidth="300" marginheight="300" />
                <frameset cols="*,*">
                <frame src="0106表单.html" marginwidth="200" marginheight="200" />
                <frame src="detail.htm" marginwidth="100" marginheight="100" />
                
                
                
                
                
                
                <frame src="UntitledFrame-1"></frameset><noframes></noframes><noframes>

    《网页显示》:


     

          

  • 相关阅读:
    理解angularJs中的$on,$broadcast,$emit
    ionic项目上划刷新和下拉刷新
    写在开始
    Django查询结果以时间正序或者倒序排列
    Django把现在时间写入数据库,模板渲染在页面中
    《易中天品三国》———— 六、一错再错
    《易中天品三国》———— 五、何去何从
    《易中天品三国》———— 四、能臣之路
    《易中天品三国》———— 三、奸雄之谜
    《易中天品三国》———— 二、真假曹操
  • 原文地址:https://www.cnblogs.com/sgb13527/p/8214587.html
Copyright © 2011-2022 走看看