表單的應用

2021-10-19 05:21:34 字數 1100 閱讀 6869

表單是html網頁中的重要元素,它通過收集來自使用者的資訊,並將資訊傳送給伺服器端程式處理,來實現網上註冊、網上登入、網上交易等多種功能。

1.表單的構成:乙個完整的表單通常由表單控制項,提示資訊和表單域三部分構成。

表單控制項:具體的表單功能項,如單行文字輸入行,密碼輸入框,核取方塊,提交按鈕,搜尋框等。。。。

提示資訊:乙個表單中通常還需要一些說明性的文字,提示使用者進行填寫和操作。

表單域:相當於是乙個容器,用來容納所有的表單控制項和提示資訊。

2.建立表單:html中,標記用於定義表單域。即建立乙個表單。

語法格式:

各種表單控制項

賬號:

密碼 3.表單屬性 action:當表單收集到資訊後,需要將資訊傳遞給伺服器處理,action屬性用於指定接受並處理表單資料的伺服器的url位址。 method:用於設定表單資料的提交方式,其取值為get(預設值)或post。採用get方法,瀏覽器會與表單處理伺服器建立連線,然後直接在乙個傳輸步驟中傳送所有資料。 如果採用post方法,瀏覽器會按照兩部來傳送資料,首先瀏覽器將與action屬性值指定的表單處理伺服器建立連線,然後瀏覽器按分段傳輸的方式將資料傳送給伺服器。 name:用於指定表單的名稱,以區分同乙個頁面中的多個表單。 autocomplete:用於指定表單是否有自動完成功能 on/off。 4.input元素及屬性: 元素是表單中最常見的元素,擁有多種輸入型別及相關屬性。 屬性 屬性值 描述 type text 單行文字輸入框 password 密碼輸入框 radio 單選按鈕 checkbox 核取方塊 button 普通按鈕 submit 提交按鈕 reset 重置按鈕 image 影象形式的提交按鈕 hidden 隱藏域 file 檔案域 email 電子郵箱的輸入域 url url位址的輸入域

value:指定輸入框的預設值。

max:指定輸入框可以接受的最大輸入值。

min:指定輸入框可以接受的最小輸入值。

step:輸入域合法的間隔,預設值為1.

其他表單元素:

textarea

文字內容

下拉列表

選項1

選項2選項n

EXT表單的應用

ext表單的應用 關鍵字 表單的應用 引自一 美化表單 extjs自帶的css效果可以讓表單非常漂亮,在使用前先將ext all.css檔案匯入頁面,然後加入以下 帳號資訊strong font legend 會員email td span td tr 登入密碼 td td tr 密碼確認 td t...

表單的高階應用

譯 type hidden 型別為隱藏 唯讀和禁用語法 譯 readonly 唯讀 譯 disabled 禁用 好處 1.減輕服務壓力 2.保證資料的可行性和安全性 表單初級驗證的好處 1.placeholder 1 input型別文字框提供的一種提示 hint 2 可以描述文字框期待使用者輸入何種...

WTForms表單應用

安裝使用pip install 宣告表單類,欄位與model中欄位相對應 from flask wtf import form from wtforms import stringfield,selectfield 建立使用者表單類,使用者許可權id外來鍵,關聯使用者許可權表id class use...