HTML/CSS学习记录（6）-CSDN博客

本文链接：https://blog.csdn.net/Ascine/article/details/75492739

HTML框架

通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。

框架结构标签（<frameset>）

框架结构标签（<frameset>）定义如何将窗口分割为框架
每个 frameset 定义了一系列行或列
rows/columns 的值规定了每行或每列占据屏幕的面积

假如一个框架有可见边框，用户可以拖动边框来改变它的大小。为了避免这种情况发生，可以在 <frame> 标签中加入：noresize=”noresize”。
为不支持框架的浏览器添加 <noframes> 标签。

注意：不能将 <body></body> 标签与 <frameset></frameset> 标签同时使用！不过，假如你添加包含一段文本的 <noframes> 标签，就必须将这段文字嵌套于 <body></body> 标签内。

内联框架

添加<iframe>语法：
<iframe src="URL"></iframe>
其中URL 指向隔离页面的位置。

Iframe - 设置高度和宽度
height 和 width 属性用于规定 iframe 的高度和宽度。
属性值的默认单位是像素，但也可以用百分比来设定（比如 “80%”）。

Iframe - 删除边框
frameborder 属性规定是否显示 iframe 周围的边框。
设置属性值为 “0” 就可以移除边框

使用 iframe 作为链接的目标
iframe 可用作链接的目标（target）。
链接的 target 属性必须引用 iframe 的 name 属性

HTML表单

HTML 表单用于搜集不同类型的用户输入。

<form> 元素

HTML 表单用于收集用户输入。
<form> 元素定义 HTML 表单：

<form>
 .
form elements
 .
</form>

<input> 元素

<input> 元素有很多形态，根据不同的 type 属性。

类型	描述
text	定义常规文本输入
radio	定义单选按钮输入（选择多个选择之一）
submit	定义提交按钮（提交表单）

文本输入

<input type=”text”> 定义用于文本输入的单行输入字段：

<!DOCTYPE html>
<html>
<body>

<form>
First name:<br>
<input type="text" name="firstname">
<br>
Last name:<br>
<input type="text" name="lastname">
</form>

<p>注意表单本身是不可见的。</p>

<p>注意文本字段的默认宽度是 20 个字符。</p>

</body>
</html>

单选按钮输入

<input type=”radio”> 定义单选按钮。
单选按钮允许用户在有限数量的选项中选择其中之一：

<!DOCTYPE html>
<html>
<body>

<form>
<input type="radio" name="sex" value="male" checked>Male
<br>
<input type="radio" name="sex" value="female">Female
</form> 

</body>
</html>