表單網頁

表單網頁

表單網頁是一個網站和訪問者開展互動的視窗,下面是表單網頁設計引的一些基本知識和表單美化方法。表單可以用來在網頁中傳送數據,特別是經常被用在聯繫表單-用戶輸入信息然後傳送到Email中。表單本身是沒 有什麼用的。這需要編一個程式來處理輸入表單中的數據。這也超出了本站指南的範圍。如果使用網路伺服器來放置HTML,你能夠自助地找到一些簡單的教程, 開發一個伺服器端的程式使一個傳送到Email的表單工作。

基本介紹

  • 中文名:表單網頁
  • 外文名:form
  • 作用:網站和訪問者互動
  • 類別:網路技術
簡介,表單元素,示例,

簡介

表單網頁(英語:WebForms),一個網頁表單可以將用戶輸入的數據,傳送到伺服器進行處理。因為網際網路的用戶會操作複選框、單選按鈕或文本欄位來填寫網頁上的表格,所以網頁窗體的形式類似檔案資料庫。例如,網頁窗體可套用線上上的電子商務:以信用卡訂購產品、要求貨運,或可用於檢索數據(例如,搜尋引擎搜尋)。

表單元素

實際用在HTML中的標籤有form、 input、 textarea、 select和option。表單標籤form定義的表單裡頭,必須有行為屬性action,它告訴表單當提交的時候將內容發往何處。
可選的方法屬性method告訴表單數據將怎樣傳送,有get(默認的)和post兩個值。常用到的是設定post值,它可以隱藏信息(get的信息會暴露在URL中)。

示例

所以一個表單元素看起來是這樣子的:
<form action="reg.asp" method="post">
</form>
input標籤在表單製作中起到的作用很重要。有10種形式,概括如下:
<input type="text" />是標準的文本框。它可以有一個值屬性value,用來設定文本框裡的默認文本。
<input type="password" /> 像文本框一樣,但是會以星號代替用戶所輸入的實際字元
<input type="checkbox" />是複選框,用戶可以快速的選擇或者不選一個條目。它可以有一個預選屬性checked,像這樣的格式<input type="checkbox" checked="checked" />.
<input type="radio" /> 與複選框相似,但是用戶只可在一個組中選擇一個單選按鈕。它也有一個預選屬性checked,使用方法跟複選框一 樣。
<input type="file" /> 是展示你電腦上的檔案的一個區域,就像你在一個軟體中打開或者保存一個文檔一 樣。
<input type="submit" /> 是一個被點擊後提交表單的按鈕。你可以用值屬性value來控制按鈕上顯示的文本(下面的button和reset類型也可以這樣,稍後介紹),如下: <input type="submit" value="Ooo. Look. Text on a button. Wow" />.
<input type="image" />以圖像代替按鈕文本,src屬性是必須的,像img標籤一樣。
<input type="button" />是一個如果沒有其他代碼的話什麼都不做的按鈕。
<input type="reset" /> 是一個點擊後會重置表單內容的按鈕。
<input type="hidden" /> 不會顯示任何東西,它用來傳輸諸如用戶正在用的頁面的名字或者Email地址等表單必須傳輸的東西。

相關詞條

熱門詞條

聯絡我們