HTML/CSS學習記錄(6)

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">

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章