HTML框架与表单实操-CSDN博客

本文链接：https://blog.csdn.net/ZLB_CSDN/article/details/98521945

框架和表单

框架是浏览器窗口中的一个区域，他可以显示与浏览器窗口的其余部分中显示的内容无关的HTML文档。

我为了掌握框架写了测试html，用来实操，如下

<html>
<head>
	<title>ZLB的htmltext1</title>
</head>
<frameset rows="33%,33%,33%" frameborder="yes" border="10">
	<frameset cols="40%,60%" frameborder="yes" border="10">
		<frame src="HtmlText.html"></frame>
		<frame src="点这个.html"></frame>
	</frameset>
	<frameset cols="60%,40%" frameborder="yes" border="10">
		<frame src="点这个.html"></frame>
		<frame src="HtmlText.html"></frame>
	</frameset>
	<frame src="https://www.baidu.com/"></frame>
</frameset>
<body>
</body>
</html>

效果如下：
在这里插入图片描述

表单主要用来收集客户端提供的相关信息，使网页具有交互功能。

表单对象如下

1.文字字段　　text
2.密码域　　　 password
3.单选按钮　　 radio
4.复选框　　 checkbox
5.普通按钮　　 button
6.提交按钮　　submit
7.重置按钮　　reset
8.图像域　　 image
9.隐藏域　　 hidden
10.文件域　　 file

我为了掌握表单写了测试html，用来实操，如下

<html>
<head>
	<title>ZLB的html网页测试</title>
	<!-- <meta http-equiv="refresh" content="5 ; url=https://www.baidu.com/"> -->
</head>
<body background="file:///D:/美女壁纸来着/2.jpg" topmargin="100" leftmargin="100">
	<form name="form1" method="post" action="HtmlText.html">
		<br>文本框<br>text：
		<input type="text" name="text" size="15" />
		<br>
		<br>密码框<br>password：
		<input type="text" name="password" size="10" maxlength="5" />
		<br>
		<br>单选按钮<br>radio1
		<input type="radio" name="radio" size="10" maxlength="5" />
		<br>radio2
		<input type="radio" name="radio" size="10" maxlength="5" />
		<br>
		<br>
		按钮<br>button
		<br>
		<input type="button" name="buton" value="关闭窗口"  />
		<br>
		<br>
		提交按钮<br>submit
		<br>
		<input type="submit" name="submit" value="提交" />
	</form>
</body>
</html>

效果如下：

在这里插入图片描述
明天有望进军CSS~！