HTML的表单及框架

最新推荐文章于 2024-07-23 21:29:19 发布

Dust_SongYunfei

最新推荐文章于 2024-07-23 21:29:19 发布

阅读量1.7k

点赞数 1

分类专栏： # HTML+CSS 文章标签：表单框架

本文链接：https://blog.csdn.net/dust__/article/details/91385632

版权

HTML+CSS 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

一.表单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中)