您好,登錄后才能下訂單哦!
這篇文章主要介紹了在網頁中創建表單的目的,具有一定借鑒價值,需要的朋友可以參考下。希望大家閱讀完這篇文章后大有收獲。下面讓小編帶著大家一起了解一下。
在網頁中創建表單的目的:收集資料。表單對于用戶而言是數據的錄入和提交的界面;表單對于網站而言獲取用戶信息的途徑。表單從用戶收集信息,然后將這些信息提交給服務器進行處理。
表單是用來收集站點訪問者信息的域集。表單從用戶收集信息,然后將這些信息提交給服務器進行處理。
表單是實現動態網頁的一種主要的外在形式,利用表單可以收集瀏覽者的信息或實現搜索等功能。
表單信息的處理過程:單擊表單中的提交按鈕時,在表單中輸入的信息就會被提交到服務器中,服務器的有關應用程序會處理提交信息。處理結果或者是將用戶提交的信息儲存在服務器端的數據庫中,或者是將有關信息返回到客戶端的瀏覽器上。
完整的實現表單功能,需要設計兩個方面:一是用于描述表單對象的HTML源代碼;二是客戶端的腳本,或者服務器端用于處理所填寫信息的程序。
表單組成標記
標記 | 描述 |
<form> | 定義一個表單區域,以及攜帶表單的相關信息 |
<input> | 設置輸入表單的元素 |
<select> | 設置列表元素 |
<option> | 設置列表元素中的項目 |
<textarea> | 設置表單文本域元素,如備注 |
表單標記
<form name="表單名稱,用于腳本引用" method="提交方法,定義表單數據從客戶端傳到服務器的方法,get和post兩種,多用post方法" action="處理程序,用于指定處理表單的服務端程序">...</form>
除了以上三個屬性外,還有onsubmit屬性,用來指定處理表單的腳本函數和enctype屬性。
Action 屬性
action 屬性定義在提交表單時執行的動作。
向服務器提交表單的通常做法是使用提交按鈕。
通常,表單會被提交到 web 服務器上的網頁。
在上面的例子中,指定了某個服務器腳本來處理被提交表單:
<form action="action_page.php">
如果省略 action 屬性,則 action 會被設置為當前頁面。
輸入標記<input>
<input type="元素類型" name="表單元素名稱">(type和name屬性是必設屬性)
type屬性值
type屬性值 | 描述 |
text | 設置單行文本框元素 |
password | 設置密碼元素 |
file | 設置文件元素 |
hidden | 設置隱藏元素 |
radio | 設置單選框元素 |
checkbox | 設置復(多)選框元素 |
button | 設置普通按鈕元素 |
submit | 設置提交按鈕元素 |
reset | 設置重置按鈕元素 |
image | 設置圖像按鈕元素 |
感謝你能夠認真閱讀完這篇文章,希望小編分享在網頁中創建表單的目的內容對大家有幫助,同時也希望大家多多支持億速云,關注億速云行業資訊頻道,遇到問題就找億速云,詳細的解決方法等著你來學習!
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。