HTML ------- 表单和框架内嵌进

最新推荐文章于 2023-01-02 11:27:01 发布

qq_42412646

最新推荐文章于 2023-01-02 11:27:01 发布

阅读量192

点赞数

本文链接：https://blog.csdn.net/qq_42412646/article/details/102576366

版权

框架内嵌：

在上一次我们讨论了表格的自动分配,即通过设置frame的大小来进行确定，现在我们来分析一下，先进行分块，先对界面进行分块，然后再把frame插入。

instance:

<html>
	<head>
		<title>AnimationUrl</title>
		<meta charset="UTF-8"/>
	</head>
	<frameset rows="30%,*,30%">
		<!--<frameset cols="30%,*,30%">
			<frame src=""/>
			<frame src=""/>
			<frame src=""/>
		</frameset>-->
		<!--<frame src=""/>-->
		<!--<frameset cols="30%,*,30%"/>
			<frame src=""/>
			<frame src=""/>
			<frame src=""/>
		</frameset>	-->
		<!--<frame />-->
		<!--<a href="https://search.bilibili.com/all?keyword=%E8%8A%B1%E5%BC%80%E4%BC%8A%E5%90%95%E6%B3%A2&from_source=nav_suggest&spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.11" target="_good1" >花开伊吕波</a>
		<a href="https://www.360kan.com/ct/O0DncMDbLYC2DD.html" target="_good2" >海贼王</a>
		<a href="https://search.bilibili.com/all?keyword=clannad&from_source=nav_search_new" target="_perfect" >clannad</a>
		<a href="https://search.bilibili.com/all?keyword=%E9%BE%99%E4%B8%8E%E8%99%8E" target="_indifferent1" >龙与虎</a>
		<a href="https://search.bilibili.com/all?keyword=%E6%9C%88%E8%89%B2%E7%9C%9F%E7%BE%8E" target="_indifferent2" >月色真美</a>-->
		<frameset cols="50%,*">
			<frame src="https://search.bilibili.com/all?keyword=%E8%8A%B1%E5%BC%80%E4%BC%8A%E5%90%95%E6%B3%A2&from_source=nav_suggest&spm_id_from=333.851.b_696e7465726e6174696f6e616c486561646572.11" target="_good1" name="_good1"/>
			<frame src="https://www.360kan.com/ct/O0DncMDbLYC2DD.html" name="_good2"/>
		</frameset>
		<frame src="https://search.bilibili.com/all?keyword=clannad&from_source=nav_search_new"/>
		<frameset cols="50%,*">
			<frame src="https://search.bilibili.com/all?keyword=%E9%BE%99%E4%B8%8E%E8%99%8E" name="indifferent1"/>
			<frame src="https://search.bilibili.com/all?keyword=%E6%9C%88%E8%89%B2%E7%9C%9F%E7%BE%8E" name="indifferent2"/>
		</frameset>
	</frameset>
</html>

我们利用frameset进行划分，在frameset内我们可以利用其rows对行进行划分，利用","分开每一部分，“ * ”表示剩余的部分，

利用cols进行分列，我们利用其src属性进行插入url，把各个url进行同时显示。

注：其不和上一次的frame一样,frame可以利用a，在其内部输入网址然后利用target在指定了name属性的frame的单元中显示。

其只能在其内部的src中添加网址。

我们这种格式，去掉了body,而用frameset进行划分。

表单：我们可以在网页上实现用户数据的输入，我们有不同的输入格式，和选择方式。

instance:

<html>
	<head>
		<title>LoginFrame</title>
		<meta charset="UTF-8"/>
	</head>
	<body>
		<form action="#" method="get">
			用户名：<input type="text" name="uname"/><br />
			密码：&nbsp;<input type="password" name="psw" /><br />
			性别 ：&nbsp; 男 <input type="radio" name="sex" value="1" checked="checked"/>  女 <input type="radio" name="sex" value="0"/><br />
			爱好：<br />
			动漫<input type="checkbox" name="hobby" value="animation"/><br />
			游戏<input type="checkbox" name="hobby2" value="game"/><br />
			运动<input type="checkbox" name="hobby3" value="sport"/><br />
			所在地：
			<select name="">
				<option value="1" selected="selected">山东</option>
				<option value="2">河南</option>
				<option value="3">北京</option>
			</select><br />
			<input type="submit" value="登录" />
		</form>
	</body>
</html>

利用form创建一个用户输入数据，并实现把数据传输给服务器。form的两个属性，action用来输入接收处理数据的服务器，method用来记录输入的以什么样的方式，其中，get适用于少数数据，其不安全，传输时可以直接看见（在url中），而post则适用于大量数据的传输，其比较安全，用户不可见。

我们利用input可以插入文本类数据 text:以文本数据直接显示（其为可视的），password 文本类型数据（其不可视）

radio:创建一个单选项，注：其可以利用name进行限制，拥有相同的name的radio只能选择一个

checkbox:创建一个多项选择，select：创建一个下拉菜单，在其内部有option进行选择。选项的内容加入到option中间。

注：我们必须在创建的表单中加入其name属性进行数据向服务器的传输。在用户输入时，用户进行输入时，name就被重新赋值。value就是向服务器提交的数据，其一般格式是，name=value；当有name值时，如果没有对value进行赋值，其输出就是默认的表单项编号。

在单选框内，我们可以用checked进行默认选中，当页面出现时，其自动被选中。相对的，在select中有selected属性。

最后,我们利用submit进行提交，其中的value属性就是其按钮的显示内容。

qq_42412646

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML ------- 表单和框架内嵌进

框架内嵌：在上一次我们讨论了表格的自动分配,即通过设置frame的大小来进行确定，现在我们来分析一下，先进行分块，先对界面进行分块，然后再把frame插入。instance:<html> <head> <title>AnimationUrl</title> <meta charset="UTF-8"/> <...
复制链接

扫一扫