表单 框架集及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)外部样式表

时间: 2024-10-04 11:44:15

表单 框架集及CCS 20140916的相关文章

Flask10 登录模块、表单框架、表单渲染、表单验证、bookie、请求之前钩子、g对象、编写装饰器

from flask import Flask from flask import request from flask import render_template from flask_wtf import CSRFProtect as WTF # 利用表单类去渲染模板时需要用到 from forms import LoginForm app = Flask(__name__) WTF(app) # 在app上注册一个 WTF (所有的flask插件都必须进行注册) app.config.f

2017-3-23 网页中的表单 框架 标题栏小图标 描点 插入视频音频 简单的滚动条

(一)表单 1.<form action=""method="get/post"></form> 2.表单12个元素 文本类: <input type="text" value=""> - 文本框 <input type="password" value=""> - 密码框 <textarea></textarea>

PHP自动生成前端的表单框架

<?php /** * 为当前所在菜单项样式 * @param string $controller_name * @param string $action_name * @param string $style * @return string */ function activedLink($menu_item, $style) { if(isset($menu_item["checked"]) ) { return $style; } } /** * 得到gravatar

gsform轻量级的表单框架(oc)

centos%E4%B8%8Eoraclelinux62%E5%90%8C%E6%97%B6%E5%8F%91%E5%B8%83%E8%BF%BD%E8%B5%B6redhatente http://www.zcool.com.cn/collection/ZMTY5MTA3NTI?20170922 http://www.zcool.com.cn/collection/ZMTcwNTMwNjg=.html http://www.zcool.com.cn/collection/ZMTcwODk1OD

Django表单处理

我们会从手工打造一个简单的搜索页面开始,看看怎样处理浏览器提交而来的数据.然后我们开始使用Django的forms框架. 搜索 在web应用上,有两个关于搜索获得巨大成功的故事:Google和Yahoo,通过搜索,他们建立了几十亿美元的业务.几乎每个网站都有很大的比例访问量来自这两个搜索引擎.甚至,一个网站是否成功取决于其站内搜索的质量.因此,在我们这个网站添加搜索功能看起来好一些. 开始,在URLconf (mysite.urls)添加搜索视图.添加类似(r'^search/$','mysit

html_表单

HTML表单框架 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equ

django book学习笔记——表单

1.从Request对象中获取数据 每个view函数的第一个参数是一个HttpRequest对象,在view函数的执行过程中,你可以用这些属性来获取当前request的一些信息(比如,你正在加载这个页面的用户是谁,或者用的是什么浏览器). HttpRequest对象包含当前请求URL的一些信息: 属性/方法                 说明                                 举例 request.path       除域名以外的请求路径,以正斜杠开头 "/he

Symfony2学习笔记之表单

对于一个Web开发者来说,处理HTML表单是一个最为普通又具挑战的任务.Symfony2集成了一个Form组件,让处理表单变的容易起来.在这一节里,我们将从基础开始创建一个复杂的表单,学习表单类库中最重要的内容. Symfony2 的Form组件是一个独立的类库,你可以在Symfony2项目之外使用它. 创建一个简单的表单:假设你要创建一个应用程序的todo列表,需要显示一些任务.因为你的用户需要编辑和创建任务,所以你需要创建一个表单.在你开始之前,首先来看通用的Task类,用来表示和存储一个单

10个强大的Javascript表单验证插件推荐

创建一个JavaScript表单验证插件,可以说是一个繁琐的过程,涉及到初期设计.开发与测试等等环节.实际上一个优秀的程序员不仅是技术高手,也应该是善假于外物的.本文介绍了10个不错的JavaScript表单验证插件,使用它们完全可以节省你的时间!希望你喜欢. 1. validate.js Validate.js是一个非常不错的JavaScript表单验证库,源于CodeIgniter API.该库相当轻巧(不到1KB),不要求任何JavaScript框架,可以在所有主流浏览器中运行(包括IE