HTML表单form和框架frameset_iframe与form的区别-CSDN博客

本文链接：https://blog.csdn.net/weixin_44269204/article/details/88579342

表单form

1.单的概念: 表单是用来收集用户的信息或是数据。
2.表单元素：form的内容
3.placeholder: 设置文本框的占位符/就是文本框阴影提示，提供可描述输入字段预期值的提示信息，该提示会在输入字段为空时显示，并在字段获得焦点是消失。
4.method属性规定如何发送表单数据，共有两种方法post方法和get方法，action数据发送到规定页面，get方法信息少（255个字节）容易直接获取，常用于提交较小的数据，比如ID，账号，密码等，特点：会将用户数据显示在URL地址栏中；post方法信息大如文本字段时，可加密没有安全方面漏洞。
5.fieldset标签将表单内相关元素分组，在相关表单元素周围绘制边框。
inout控件，type属性值包括text文本输入框；password密码输入框；radio单选按钮；checkbox多选按钮；button普通按钮；submit提交按钮，会把表单中信息提交的指定位置；reset重置按钮，重置表单中输入的信息；image表示图像形式的提交按钮；name控件的名称，自定义；value控件当中的值；size它的值为正整数，再页面中显示的宽度；maxlength最大允许输入的字符数；color颜色；data日期等等。
6.requird属性表示必填或必选的。
7.datalist定义选项列表。option元素定义下拉列表中的一个选项。
8.Pettern属性规定用于验证元素的值的正则表达式。
9.Select元素创建下拉选择框，单选或多选（multiple）菜单。
10.Optgroup标签用于把相关的选项组合在一起。
11.textarea文本域

<!--文本类型-->
			账号:<input type="text" width="200" height="400" /><br />

		密码：<input type="password"/><br />

	<!--单选按钮-->
			性别：  <input type="radio" name="sex"/>男
			<input type="radio" name="sex"/>女<br />

<!--复选框-->
			爱好：<input type="checkbox"  value="游戏"/>游戏<input type="checkbox" value="游泳"/>游泳
			<input type="checkbox" value="运动" />运动 <input type="checkbox" value="跑步"/>跑步<br />

<!--按钮类型-->
			<input type="button" value="登录" />
			<input type="submit"  value="提交"/>
			<input type="reset" value="重置" /><br />

<!--文本域-->
			<textarea rows="4">没有梦想和咸鱼有什么区别</textarea><br />

<!--下拉框-->
		<select>
			<option>甘肃省</option>
			<option>陕西省</option>
			<option>北京市</option>
			<option>天津市</option>
		</select>
		<select>
			<optgroup label="甘肃省">
				<option>兰州市</option>
				<option>白银市</option>
				<option>天水市</option>
			</optgroup>				
		</select>				
		</select>

## 框架

（frameset）
1.用代替了
2.rows设置行的占页面的百分比；cols设置列的所占百分比；*表示剩余的百分比；frameborder设置框架的边框（取值0/1）0–不显示边框1–在每个页面之间都显示边框；bordercolor设置边框颜色；framespacing表示框架与框架间保留的空白距离。
3.noresize设置禁止用户拖拉框架大小；scrolling设置滚动条是否显示；src路径连接到内容页面

 <!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>Frameset</title>
	</head>
	<!--rows和cols划分区域-->
	<frameset rows="20%,60%,20%">
		<frame>
			<frameset cols="10%,70%,*">
				<frame></frame>
				<frame noresize="noresize" src="source.html"></frame>
				<frame></frame>
			</frameset>
		</frame>
		<!--noresize设置框架不能伸缩-->
		<frame noresize="noresize">				
		</frame>
		<frame>		
		</frame>	
	</frameset>
</html>