第三章表单和框架_ares框架中radio单选框-CSDN博客

本文链接：https://blog.csdn.net/Ares2016/article/details/53705071

1、表单

   
   <form action="" method="">
</form>

表单用于跳转页面，并且将表单中的元素的值提交给对应的跳转页面

method 的post 和 get 的差异：

1、get将表单元素值封装置url中进行提交，post将表单元素的值封装至http协议中提交，因此post比get更安全。

2、url根据不同浏览器，所规范的长度略有不同，一般而言，url长度为1kb；因此get提交数据受到限制，并且只能以字符串格式提交数据；post不受文件大小影响。

1）input类型的表单标签

text 文本框

属性：maxlength 允许编写的最大字符数；name 整个表单可以重复 id 不可以重复

readonly 只读 disabled 禁用（灰化）

password 属性和text一样

submit 提交按钮

radio 单选框一定要设name 且必须相同，才能显示同组按钮的互斥效果

checkbox 多选框 name相同

属性和radio相同

button 普通按钮

reset 重置按钮

file 文件选择

hidden 隐藏域

2)不是input类型的标签

下拉列表

......

</select>

selected ="selected"

下拉列表有一个 multiple的属性，使下拉列表框成为普通的列表框，并且可以进行多选

文本框

</textarea>

rows 行数

cols 列数

2、框架

</frameset>

frameset 不能写在body里

属性：frameboder、framespace

首先了解 <a></a> 标签的实现原理：

a标签有个属性 target="_self" 默认情况表示在当前页面打开连接

_parent 表示在当前页面所处的父页面打开

_top 表示无论当前页面是在第几层位置，始终在最外层的框架到页面中打开连接页面

_blank 表示在新窗口打开页面

在frameset框架里，我们可以在frame 设置name，然后在a标签设置相同name值的target，这样就可以实现局部跳转。

3、iframe

   
   <body>
<center>
	<iframe width="200" height="100" name="t" src="frameA.html" frameborder="0">
    	
    </iframe>
    <br /><br />
   
    <a href="frameA.html" target="t">frameA</a><br />
    <a href="frameB.html" target="t">frameB</a><br />
    <a href="frameC.html" target="t">frameC</a><br />
</center>
</body>