zoukankan      html  css  js  c++  java
  • 表单 框架集及CCS 20140916

    一、表单元素

    form标签:

    <form id="" name="" method="post/get" action="提交给谁来处理">

    </form>

    post--将内容放入报文头中,内容看不见;内容长度没有限制;默认提交方式.

    get--用地址栏提交,内容长度有限.

    1.文本输入类
    1)文本框<input type="text" value="">--
    2)密码框<input type="password" value="">--设置密码
    3)隐藏域<input type="hidden" value=""> --可用于检查答案是否正确.
    4)文本域:多行<textarea cols="" rows=""></textarea>
    2.按钮类
    1)提交按钮<input type="submit" value="按钮上的文字"/>
    2)重置按钮<input type="reset" value="按钮上的文字"/>
    3)普通按钮<input type="button" value="按钮上的文字">
    4)图片按钮<input type="image" src="图片地址">
    3.选择输入类
    1)单选按钮<input type="radio" value="" name="用来分组" checked="checked">
    2)多选按钮<input type="checkbox" value="" name="分组" checked="checked">
    3)下拉列表--菜单

    <select name="" id="" multiple="multiple">
    <option value="项的值">项的显示内容</option>
    <option value="项的值" selected="selected">项的显示内容</option>
    <option value="项的值">项的显示内容</option>
    </select>

    4)列表

    <select name="" id="" size="n" multiple="multiple">
    <option value="项的值">项的显示内容</option>
    <option value="项的值" selected="selected">项的显示内容</option>
    <option value="项的值">项的显示内容</option>
    </select>

    PS:菜单与列表的区别在于菜单的size--高度 默认为1,不可改变;而列表可以根据内容显示而改变size--高度的大小.
    文件上传:<input type="file" name="" id=""> --文件域,浏览.

    二、框架集
    1.frameset,frame

    1)如何横向/纵向分割窗口:

    frameset中的rows="100,*",cols=""

    2)如何分割复杂的窗口:

    frameset的嵌套

    3)如何禁用窗可调的功能

    frame的noresize="noresize"

    4)如何隐藏分割窗口的边框

    frameset的frameborder="no"

    5)如何在超链接指定目标页面显示在哪个框架窗口中

    第一步:给要显示内容的目标frame设置name属性

    第二步:给超链接的target属性赋值成第一步设置name属性

    6)如何让整个frameset页面跳转到某个页面:

    把超链接的target属性设成"_top"

    7)如何不让frame中出现滚动条:

    把frame的scrolling属性设为no

    2.iframe
    在原来的HTML页面上,嵌入一个小窗口,用来显示其它页面的信息。
    <iframe frameborder="0" scrolling="no" src="Untitled-2.html" width="450" height="300">

    三、CSS(Cascading Style Sheets)层叠样式表

    1.作用:美化HTML网页的计算机语言.

    2.分类:

    1)内联样式表

    2)内嵌样式表

    3)外部样式表

  • 相关阅读:
    easyui datagrid 遇到的坑 cannot read property ·· pageNum bug and so on
    原生js上传图片时的预览
    yield的理解
    js时间格式化
    js 实现复制粘贴时注意方法中需要两次点击实现的bug
    jquery 页面分页的实现
    easyui dialog 表单提交,弹框初始化赋值,dialog实现
    a标签(普通标签如span)没有disabled属性 ,怎样利用js实现该属性
    js之数据类型(对象类型——构造器对象——数组2)
    js之数据类型(对象类型——构造器对象——数组1)
  • 原文地址:https://www.cnblogs.com/DORCASQING/p/3975301.html
Copyright © 2011-2022 走看看