HTML(三)：框架+表單-html教學-PHP中文網

HTML(三)：框架+表單

WBOY

發布： 2016-08-04 08:53:20

原創

1195 人瀏覽過

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>

登入後複製