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>
提交按鈕
<input type=”submit”> 定義用於向表單處理程序(form-handler)提交表單的按鈕。
表單處理程序通常是包含用來處理輸入數據的腳本的服務器頁面。
表單處理程序在表單的 action 屬性中指定:
Action屬性
action 屬性定義在提交表單時執行的動作。
向服務器提交表單的通常做法是使用提交按鈕。
通常,表單會被提交到 web 服務器上的網頁。如果省略 action 屬性,則 action 會被設置爲當前頁面。
Method 屬性
method 屬性規定在提交表單時所用的 HTTP 方法(GET 或 POST):
<form action="action_page.php" method="GET">
或
<form action="action_page.php" method="POST">