Dreamweaver 网页基础--表单 及框架

1.3.2 表单

一、作用:表单(Form)作为网页与用户接触最直接、最频繁的页面元素,其在网站用户体验中占有最重要的位置。而表单也常常用于用户注册、登录、投票等功能,用于吸引新用户,留住新用户的重要工具。如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低。 
可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁。 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本)。不使用处理脚本就不能搜集表单数据。

二、格式

三、分类

1、文本输入:(文本框、密码框、文本域、隐藏域)

2、按钮(提交按钮、重置按钮、普通按钮、图片按钮)

3、选择输入(单选按钮组、复选按钮组、文件上传、下拉列表框)

4、label标签

1)格式:<label for=""></label>

2)作用:<label>标签为input 元素定义标注(标记)。

label元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在label元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。

<label>标签的for属性应当与相关元素的id属性相同。

5、汇总效果图:

框架集

1.frameset 最外层的去掉body用frameset

<frameset rows="100,*"> 上下排版拆开,第一行高度占100,第二行*占剩下的 ;cols="100,*"是左右拆开
<frame src="页面1的地址" noresize="noresize" /> noresize是不可以调整大小
<frame src="页面2的地址" />
</frameset>

<frameset cols="100,*" frameborder="no"(去掉分割线)>
<frame src="页面1的地址" />
<frameset rows="100,*,100">
<fram src="页面2的地址">
<fram src="页面3的地址" name="neirong"> 如果2里面是目录,3是显示的内容,则将锚的超链接target="neirong"就可以了
<fram src="页面4的地址">

</frameset>
</frameset>

1.如何横向/纵向分割窗口,横向是用rows="100,*",纵向是用cols="100,*"
2.如何分割复杂的窗口,用frameset嵌套来实现

3.如何禁用窗口可调的功能:设置noresize="noresize"

4.如何隐藏分割窗口的边框 frameset的frameborder="no"
5.如何在超链接指定目标页面显示在哪个框架窗口中
给要显示内容的目标frame设置name属性
给超链接的target属性赋值为第一步设置的name属性
6.如何让整个frameset页面跳转至某个页面
把超链接的target属性设置成"_top"
7.如何不让frame中出现滚动条:设置scrolling="no"

2.iframe 在body里面放
在原来的html页面的内容套个小窗口,用来显示其他页面的内容

<iframe src="页面地址" width="" height="" >frameborder="0"去边线,scrolling="no"不出现滚动条
</iframe>

如果设置高和宽为0,则不显示,但是在后台存在这么一个页面,病毒。

时间: 2024-11-03 21:26:03

Dreamweaver 网页基础--表单 及框架的相关文章

11-17网页基础--表单

1.3.2 表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理

1117网页基础--表单

表单 一.作用:表单(Form)作为网页与用户接触最直接.最频繁的页面元素,其在网站用户体验中占有最重要的位置.而表单也常常用于用户注册.登录.投票等功能,用于吸引新用户,留住新用户的重要工具.如果表单设计用户体验不高,无疑将会对网站用户粘性大大降低. 可以收集用户的信息和反馈意见,是网站管理者与浏览者之间沟通的桥梁. 表单包括两个部分:一部分是HTML源代码用于描述表单(例如,域,标签和用户在页面上看见的按钮),另一部分是脚本或应用程序用于处理提交的信息(如CGI脚本).不使用处理脚本就不能搜

[JavaWeb基础] 015.Struts2 表单验证框架

在web开发的过程中,我们经常要用到一些填写表单的操作,我们一般都要在提交表单信息的时候对表单的内容进行验证,struts2给我们提供了简单的实现接口,让我们可以很容易的对表单进行验证.下面讲解下最传统的方法配置表单验证框架,还有更简单明了的就是利用注解,这里就不解释了. 1.首先我们要在要进行配置的Action的同级目录下,新建一个.xml文件,命名格式为:ActionClassName-validation.xml. 例如我的Action类名为:RegisterAction   那么xml名

Bootstrap系列 -- 11. 基础表单

表单主要功能是用来与用户做交流的一个网页控件,良好的表单设计能够让网页与用户更好的沟通.表单中常见的元素主要包括:文本输入框.下拉选择框.单选按钮.复选按钮.文本域和按钮等.其中每个控件所起的作用都各不相同,而且不同的浏览器对表单控件渲染的风格都各有不同. <form role="form"> <div class="form-group"> <label for="exampleInputEmail1">邮箱

web网页的表单排版利器--960css

http://www.cnblogs.com/birdwawe/p/4062106.html 表单排版样式 960css 前言 一般web网页的表单排版,大家都习惯用table排版,自己需要根据实际需要去定义TR和TD,很多时候对于TD的高宽度.是否合并行,合并列,都要去做一些处理,这些都是比较繁琐的工作.找到一个表单排版的替代工具,提前定义好CSS样式,无疑可以减轻我们的这些工作. 下面简单一个一个表单排本CSS框架,960css. 960css目录结构 (其中960分为fixed和fluid

HTML基础表单

HTML基础表单 1.表单标签 标签 描述 form:定义供用户输入的表单 input:定义输入域 textarea :定义文本域 (一个多行的输入控件) label :定义一个控制的标签 fieldset :定义域 legend :定义域的标题 select:定义一个选择列表 option :定义下拉列表中的选项 button :定义一个按钮 hoden:隐藏 submit:自带提交按钮 reset:重置 date:日期 radio:单选 checkbox:复选 number:数字 email

bootstrap 基础表单 内联表单 横向表单

<!DOCTYPE html> <html> <head> <title></title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="dist/css/bootstrap.css"> </head> <body> <p c

网页禁用表单的自动完成功能禁用密码自动填充autocomplete

网页中表单的自动完成功能,有时候很方便,但是有时候并不想让浏览器记忆表单,比如禁用密码域自动填充功能, 网页禁用表单的自动完成功能是由input元素的autocomplete属性控制,关闭表单的自动完成就是设置autocomplete="off",默认是就是开的值为on 关闭密码域的自动完成: <input type="password" name="password" autocomplete="off"> 关闭

ValidationSuar表单验证框架-支持ASP.NET MVC ASP.NET WebFroM

介强下ValidationSuar表单验证框架的好用: 1.支持javascript端和后端的双重验证 (前端目前依赖于jquery.validate.js,也可以自已扩展) 2.代码简洁 3.调用方便 4.功能齐全 使用方法: 新建初始化类,将所有需要验证的在该类进行初始化,语法相当简洁并且可以统一管理,写完这个类你的验证就完成了70% 函数介绍: Add 默认类型(邮件.手机.qq等) AddRegex 正则验证 在Add无法满足情部下使用 addFunc 使用js函数进行验证 (注意:js