框架内嵌:
在上一次我们讨论了表格的自动分配,即通过设置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 />
密码: <input type="password" name="psw" /><br />
性别 : 男 <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属性就是其按钮的显示内容。