zoukankan      html  css  js  c++  java
  • HTML/CSS基础教程 六

    表单

    包含表单元素的区域, 表单元素是允许用户在表单中(文本框, 下拉列表, 单选框, 复选框等)输入信息的元素, 使用<form>标签定义.

    文本域与密码域

    <form>
    Username:
    <input type="text" name="firstname">
    <br />
    Password:
    <input type="password" name="lastname">
    </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>

    单选按钮

    <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 name="input" action="html_form_action.asp" method="get">
    Username: 
    <input type="text" name="user" />
    <input type="submit" value="Submit" />
    </form>

    框架

    通过框架, 可以在一个窗口下显示不止一个页面.

    垂直框架

    <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>

    可以混合使用这俩个框架.

  • 相关阅读:
    angular运行报错“Cannot find module 'ng2-translate'.”
    切换分支
    下载angular项目报错[ERROR] ionic-app-scripts has unexpectedly closed (exit code 1).
    通过原生SQL判断数据是否存在
    多图合并一张长图脚本
    科大讯飞--新冠肺炎检测赛道第八分享
    Mysql定时任务
    Mysql导出数据结构 or 数据
    G6Editor 边的参数配置
    百度坐标转腾讯坐标
  • 原文地址:https://www.cnblogs.com/ezhengnan/p/3742642.html
Copyright © 2011-2022 走看看