• HTML笔记


     HTML表单

     HTML表单用于搜集用户的输入

    <form>
    ...
      input 元素
    ...
    </form>

    多数情况下被用到的表单标签是输入标签(<input>)。输入类型是由类型属性(type)定义的。

    大多数经常被用到的输入类型如下:文本域,单选按钮,复选框,下拉列表,按钮等

    <!-- 文本域-->
    <form>
    First name: 
    <input type="text" name="firstname" />
    <br />
    Last name: 
    <input type="text" name="lastname" />
    </form>
    <!-- 单选按钮-->
    <form>
    <input type="radio" name="sex" value="male" /> Male
    <br />
    <input type="radio" name="sex" value="female" /> Female
    </form>
    <!--复选框-->
    <form>
    <input type="checkbox" name="bike" />
    I have a bike
    <br />
    <input type="checkbox" name="car" />
    I have a car
    </form>
    <!--下拉列表-->
    <form>
    <select name="cars">
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="fiat">Fiat</option>
    <option value="audi">Audi</option>
    </select>
    </form>

    表单的动作属性(Action)和确认按钮

    当用户单击确认按钮时,表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

    <form name="input" action="html_form_action.asp" method="get">
    Username: 
    <input type="text" name="user" />
    <input type="submit" value="Submit" />
    </form>

     HTML框架

    通过使用框架,你可以在同一个浏览器窗口中显示不止一个页面。

    <!--垂直框架-->
    <html>
    
    <frameset cols="25%,50%,25%">
    
      <frame src="/example/html/frame_a.html">
      <frame src="/example/html/frame_b.html">
      <frame src="/example/html/frame_c.html">
    
    </frameset>
    
    </html>
    <!--水平框架-->
    
    <html>
    
    <frameset rows="25%,50%,25%">
    
      <frame src="/example/html/frame_a.html">
      <frame src="/example/html/frame_b.html">
      <frame src="/example/html/frame_c.html">
    
    </frameset>
    
    </html>

    内联框架

    iframe 用于在网页内显示网页

    <!--添加 iframe 的语法-->
    <iframe src="URL"></iframe>
    <!--URL 指向隔离页面的位置-->
    <!--删除边框-->
    <iframe src="demo_iframe.htm" frameborder="0"></iframe>
    
    <!--使用 iframe 作为链接的目标-->
    <!--链接的 target 属性必须引用 iframe 的 name 属性-->
    <!DOCTYPE html>
    <html>
    <body>
    
    <iframe src="/example/html/demo_iframe.html" name="iframe_a"></iframe>
    
    <p><a href="http://www.w3school.com.cn" target="iframe_a">W3School.com.cn</a></p>
    
    <p><b>注释:</b>由于链接的目标匹配 iframe 的名称,所以链接会在 iframe 中打开。</p>
    
    </body>
    </html>
  • 相关阅读:
    创建一个catkin工作空间
    Ubuntu下安装Python3.4及用python编译py文件
    ubuntu连接kinect v2
    ubuntu循环登录问题的解决
    找到bashrc
    创建一个catkin工作空间
    ts配置
    几个loader源码
    e2e测试
    eslint配置
  • 原文地址:https://www.cnblogs.com/cschen/p/3040261.html
Copyright © 2020-2023  润新知