HTML(三)：框架+表單

1.內嵌框架

HTML中的標籤（又稱內嵌框架元素）表示了一個嵌套的瀏覽上下文(browsing context)，實際上是用來在目前頁面中內嵌另一個HTML頁面。可透過屬性設定框架的寬、高、是否顯示捲軸和邊框。對應的屬性名稱分別為：width、height、scrolling、frameborder。其中scrolling可設定的值有三個：yes（總是顯示捲軸）、no（從不顯示捲軸）、auto（預設值，在需要的情況下出現捲軸）。

<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">2</span> 　　<span style="color: #0000ff;"><</span><span style="color: #800000;">iframe </span><span style="color: #ff0000;">src</span><span style="color: #0000ff;">="http://www.baidu.com/"</span><span style="color: #ff0000;"> width</span><span style="color: #0000ff;">="1000"</span><span style="color: #ff0000;"> height</span><span style="color: #0000ff;">="400"</span><span style="color: #ff0000;"> scrolling</span><span style="color: #0000ff;">="auto"</span><span style="color: #0000ff;">></</span><span style="color: #800000;">iframe</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">3</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">body</span><span style="color: #0000ff;">></span>

2.form（表單）

標籤用於為使用者輸入建立 HTML 表單。表單能夠包含 input 元素，例如文字欄位、核取方塊、單一選取方塊、提交按鈕等等。表單還可以包含 menus、textarea、fieldset、legend 和 label 元素。表單用於向伺服器傳輸資料。

• 表單的基本結構

<span style="color: #008080;">1</span> <span style="color: #0000ff;"><</span><span style="color: #800000;">form </span><span style="color: #ff0000;">name</span><span style="color: #0000ff;">="form"</span><span style="color: #ff0000;"> action</span><span style="color: #0000ff;">="URL"</span><span style="color: #ff0000;"> method</span><span style="color: #0000ff;">="get"</span><span style="color: #0000ff;">></span>
<span style="color: #008080;">2</span>     用户名：<span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="uname"</span> <span style="color: #0000ff;">/></span>
<span style="color: #008080;">3</span>     密 码：<span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="password"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="passwd"</span> <span style="color: #0000ff;">/></span>
<span style="color: #008080;">4</span> <span style="color: #0000ff;"></</span><span style="color: #800000;">form</span><span style="color: #0000ff;">></span>

• 表單可設定的屬性及值的說明

　　

3.input（表單元素：輸入框）

標籤用於蒐集使用者資訊。根據不同的 type 屬性值，輸入欄位擁有多種形式。輸入欄位可以是文字欄位、複選框、遮罩後的文字控制項、單選按鈕、按鈕等等。

標籤較重要的一個屬性是type屬性，根據type屬性設定的值不同input標籤會有不同的表現形式與功能。

• type屬性可設定的部分值的說明

參考：  HTML 標籤