天天看點

HTML基礎進階HTML表單

<form> 标簽代表一個表單,表單用于向伺服器傳輸資料。

标簽能夠包含 <input> ,可以是文本字段,複選框,單選框或送出按鈕等。還可以包含<textarea> <select>等。

   <form>常用屬性:

      name:用于定義表單的名稱

      action:用于規定送出表單時向何處發送表單資料。

      method:用于規定送出的方式。一般取值 POST或GET

get方式隻能少量資料,而post可以攜帶大資料。

get方式送出時,資料會在位址欄上顯示,安全性差。Post方式送出不會在位址欄上顯示資料,更加安全。

<input> 标簽用于搜集使用者資訊。

根據不同的 type 屬性值,輸入字段擁有很多種形式。 輸入字段可以是文本字段、複選框、掩碼後的文本控件、單選按鈕、按鈕等等。 關于<input>标簽type屬性值說明 :

<input type=”text”>

定義單行的輸入字段,使用者可在其中輸入文本。預設寬度為 20 個字元。 其它常用屬性:

> name:定義标簽名稱

> value:定義标簽值

> size:定義輸入字段的長度

> maxlength:定義可輸入最大字元個數

<input type=”password”>

定義密碼字段。該字段中的字元被掩碼.

name:定義标簽名稱

value:定義标簽值

size:定義輸入字段的長度

maxlength:定義可輸入最大字元個數

<input type=”radio”>

定義單選按鈕。

name:定義标簽名稱.注意,對于單選按鈕,如果要想做到單一選擇,多個radion的name值必一樣。

checked:定義該标簽預設被選中。

<input type=”checkbox”>

定義複選框。

name:定義标簽名稱.注意,一組的checkbox它們的name值應該是一樣的。

<input type=”button”>

定義可點選按鈕(多數情況下,用于通過 JavaScript 啟動腳本)

value:按鈕顯示名稱

<input type=”hidden”>

定義隐藏的輸入字段。
<input type=”file”> 定義輸入字段和 “浏覽”按鈕,供檔案上傳。

<input type=”submit”>

定義送出按鈕。送出按鈕會把表單資料發送到伺服器。

<input type=”reset”>

定義重置按鈕。重置按鈕會清除表單中的所有資料。

<input type=”image”>

定義圖像形式的送出按鈕。 這個标簽主要是用了替換submit按鈕,因為預設産生的送出按鈕并不漂亮,這個标簽允許你采用指定的圖檔做為送出按鈕。

src:定義作為送出按鈕顯示的圖像的url

alt:定義作用圖像的替代文本。

用于定義一個下拉清單 常用屬性:

name:定義下拉清單的名稱

size:定義下拉清單中可見選項的數目

multiple:定義可選擇多個選項

用于定義下拉清單中的選項。 <option>需要位于<select>标簽内部

value:定義送往伺服器的選項值

selected:定義選項為選中狀态。

<textarea>标簽用于定義一個多行文本輸入控件(多行文本框,文本域)

name:定義多行文本框名稱

cols:定義多行文本框可見寬度

rows:定義多行文本框可見行數

wrap:規定多行文本框中文字如何換行。

标簽            描述

<b>            定義粗體文本。

<big>         定義大号字。

<em>         定義着重文字。

<i>             定義斜體字。

<small>      定義小号字。

<strong>    定義加重語氣。

<sub>        定義下标字。

<sup>        定義上标字。

<ins>         定義插入字。

<del>         定義删除字。

<s>            不贊成使用。使用 <del> 代替。

<strike>     不贊成使用。使用 <del> 代替。

<u>           不贊成使用。使用樣式(style)代替。

架構結構标簽(<frameset>)定義如何将視窗分割為架構

每個 frameset 定義了一系列行或列

rows/columns 的值規定了每行或每列占據螢幕的面積

Frame 标簽定義了放置在每個架構中的 HTML 文檔。

在下面的這個例子中,我們設定了一個兩列的架構集。第一列被設定為占據浏覽器視窗的 25%。第二列被設定為占據浏覽器視窗的 75%。HTML 文檔 “frame_a.htm” 被置于第一個列中,而 HTML 文檔 “frame_b.htm” 被置于第二個列中:

假如一個架構有可見邊框,使用者可以拖動邊框來改變它的大小。為了避免這種情況發生,可以在 <frame> 标簽中加入:noresize=”noresize”。

為不支援架構的浏覽器添加 <noframes> 标簽。

不能将 <body></body> 标簽與 <frameset></frameset> 标簽同時使用!不過,假如你添加包含一段文本的 <noframes> 标簽,就必須将這段文字嵌套于 <body></body> 标簽内。(在下面的第一個執行個體中,可以檢視它是如何實作的。)

<iframe src=”URL”></iframe>

URL 指向隔離頁面的位置。

height 和 width 屬性用于規定 iframe 的高度和寬度。

屬性值的預設機關是像素,但也可以用百分比來設定(比如 “80%”)。

執行個體

Iframe - 删除邊框

frameborder 屬性規定是否顯示 iframe 周圍的邊框。

設定屬性值為 “0” 就可以移除邊框:

iframe 可用作連結的目标(target)。

連結的 target 屬性必須引用 iframe 的 name 屬性:

繼續閱讀