一.表单form及表单元素:

1.表单:是指在网页中用来收集用户的信息

2.表单元素:

(1)以input标签显示的表单元素

(2)特殊的一种表单:以语义化标签的表单元素

form表单在一个网页中只能有一个

label标签用来显示信息或者说明性的文字

(1)form属性:

action:数据提交到的路径地址

method:提交方式(http请求数据方式) 值:get, post

get提交:会将用户的信息显示在url地址栏中,不安全,最大长度不能超过255个字符

post提交:不会将用户的数据显示在url地址栏中,安全,提交数据量大

(2)input中:属性:

type设置的表单元素类型:text(文本类型),password(密码类型),checkbox(复选框),radio(单选按钮),submit(提交按钮),reset(重置按钮),button(普通按钮),

placeholder:表示占位符(文本框的阴影提示信息)

(3)特殊表单元素:

button按钮,textarea文本域,下拉选择框:select/option,

分组:optgroup fieldset:将表单内的相关元素分组在相关表单元素周围绘制边框/legend:元素定义标题 < a href="# id">返回顶部</a>

二.HTML框架frameset和iframe:

frameset特点:替代了body元素

横向框架:rows 纵向框架:cols

<frameset rows="20%,70%,10%" frameborder="0" border="10" bordercolor="red"><frame  src="top.html" scrolling="no" noresize="noresize"/><frameset cols="30%,70%"><frame  src="left.html" noresize="noresize"/><frame src="center.html"  name="frameContent" noresize="noresize" /></frameset><frame  noresize="noresize"/>
</frameset>

frameborder:设置边框是否显示,取值为0和1 border:设置边框宽度 bordercolor:设置边框颜色 srcolling:设置滚动条 noresize:不能设置尺寸

<body bgcolor="deeppink"><ul><li><a href="首页.html" target="frameContent">首页</a></li><br /><li><a href="公司简介.html" target="frameContent">公司简介</a></li><br /><li><a href="#">产品介绍</a></li><br /><li><a href="#">服务咨询</a></li><br /><li><a href="#">关于我们</a></li></ul>
</body>

target:是否重新打开新网页

iframe:内嵌框架(可以嵌入在body中)

HTML的表单及框架相关推荐

[JavaWeb基础] 015.Struts2 表单验证框架
在web开发的过程中,我们经常要用到一些填写表单的操作,我们一般都要在提交表单信息的时候对表单的内容进行验证,struts2给我们提供了简单的实现接口,让我们可以很容易的对表单进行验证.下面讲解下最传 ...
web元件库、axure元件库、通用元件库、常用web组件、常用表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库.axure元件库.通用元件库.常用web组件.常用表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴 ...
【HTML】学习笔记——表单、框架
[HTML]学习笔记--表单.框架 HTML 表单表单是一个包含表单元素的区域. 表单元素是允许用户在表单中输入内容,比如:文本域(textarea).下拉列表.单选框(radio-buttons) ...
web元件库、axure元件库、元件库、web组件、控件、表单、框架、数据表单、导航栏、边框、图标、列表、日期时间选择器、评分组件、穿梭框、输入框、步骤条、图表组件、数据可视化、后台模板、时间轴
web元件库.axure元件库.通用元件库.web组件.控件.表单.框架.数据表单.导航栏.边框.图标.列表.日期时间选择器.评分组件.穿梭框.输入框.步骤条.图表组件.数据可视化.后台模板.时间轴. ...
jQuery Validate表单验证框架详解
jQuery表单验证框架总结 jQuery Validate验证框架详解 jQuery校验官网地址:bassistance.de » jQuery plugin: Validation 一.导入js库 ...
Validform表单验证框架详解
Validform是另外一种表单验证框架,也是基于jQuery框架,用法比较灵活. 这里使用该框架的版本号为: Validform_v5.3.2 官网:http://validform.rjboy.c ...
php form 添加滚动条,表单设置框架滚动条scrolling
[实例介绍] 表单设置框架滚动条scrolling -个框架中的页面内容常常会超出整个框架的尺寸范围.在默认情况下,浏览器会在右侧或者下方显示滚动条,以便浏览者拖动查看全部内容.但有时希望不显示滚动条 ...
学习js,尝试写一个表单验证框架(1)－规划
斗胆放到首页来,如果不合适的话就删了吧,谢谢其实这个框架也已经写了一点了,但是越写越乱越没把握,最终决定写成博客的形式,强迫自己慢下步调,一点点仔细地规划,设计,思考,期间也一定会遇到不少问题,还请 ...
HTML_04_表单_框架
HTML 布局网页布局对改善网站的外观非常重要. 请慎重设计您的网页布局. 在线实例使用 <div> 元素的网页布局如何使用 <div> 元素添加布局. 代码如下: &l ...
H5学习笔记（表单、框架）
表单标签表单用于收集不同类型的用户输入数据 form常用属性 form标签定义表单属性名代码描述 action <form action ="服务器地址">&l ...

HTML的表单及框架

一.表单form及表单元素:

二.HTML框架frameset和iframe:

HTML的表单及框架相关推荐

最新文章

热门文章