網頁中的表單

2021-09-05 13:07:02 字數 1879 閱讀 1521

表單用於蒐集不同型別的使用者輸入,表單由不同型別的標籤組成,實現乙個特定功能的表單區域(比如:註冊),首先應該用標籤來定義表單區域整體,在此標籤中再使用不同的表單控制項來實現不同型別的資訊輸入,具體實現及注釋可參照以下偽**:

姓名:label

>

type

="text"

name

="username"

/>

p>

>

>

密碼:label

>

type

="password"

name

="password"

/>

p>

>

>

性別:label

>

type

="radio"

name

="gender"

value

="0"

/>

男type

="radio"

name

="gender"

value

="1"

/> 女p

>

>

>

愛好:label

>

type

="checkbox"

name

="like"

value

="sing"

/>

唱歌type

="checkbox"

name

="like"

value

="run"

/>

跑步type

="checkbox"

name

="like"

value

="swiming"

/>

游泳p>

>

>

**:label

>

type

="file"

name

="person_pic"

>

p>

>

>

個人描述:label

>

name

="about"

>

textarea

>

p>

>

>

籍貫:label

>

name

="site"

>

value

="0"

>

北京option

>

value

="1"

>

上海option

>

value

="2"

>

廣州option

>

value

="3"

>

深圳option

>

select

>

p>

>

type

="submit"

name="

" value

="提交"

>

type

="reset"

name="

" value

="重置"

>

p>

form

>

網頁登錄檔單的網頁設計技巧

ajax的流行給使用者體驗帶來了很大程式的提公升,而 註冊 這項做為網際網路最常用到的功能也自然而然的成為ajax最常光顧的地方,實時判斷使用者輸入的使用者名稱是否被搶註 檢測兩次輸入的密碼是否一致,檢測使用者輸入的郵箱格式是否正確,等等這些功能因為有了ajax的加入,得以讓我們徹底告別以往那個註冊...

網頁設計中的常用表單設計技巧

輸入框 input 應當符合邏輯地劃分為小組,這樣大腦就可以很好的處理大堆區域間的關係。html權威指南 web應用程式總是利用表單來處理資料錄入和配置,但並不是所有的表單都保持一致。輸入區域的對齊方式,各自的標籤 label 操作方式,以及周圍的視覺元素都會或多或少影響使用者的行為。表單布局 考慮...

第11章 在網頁中建立表單

表單是實現動態網頁的一種主要的外在形式,利用表單可以收集瀏覽者的資訊或實現搜尋等功能。表單資訊的處理過程 單擊表單中的提交按鈕時,在表單中輸入的資訊就會被提交到伺服器中,伺服器的有關應用程式將處理提交資訊,處理結果或者是將使用者提交的資訊儲存在伺服器端的資料庫中,或者將有關資訊返回到客戶端的瀏覽器上...