關於form表單排版的技巧

2022-06-12 13:39:08 字數 805 閱讀 7106

//此處說明乙個對於排版表單的方法

將form表單巢狀在table裡,因為table是格式化的,所以就不用再手動排版了

原始碼如下

<

from

action

=""method

="get/post"

>

<

table

>

<

tr>

<

td>使用者名稱:

td>

<

td><

input

type

="text"

name

="username"

/>

td>

tr>

//tr標籤是換行的意思,一組表示這一行

<

tr>

<

td>密碼:

td>

<

td><

input

type

="password"

name

="password"

/>:

td>

tr>

<

tr>

<

td><

input

type

="submit"

name

="submit"

value

="login"

>

tr>

table

>

form

>

關於表單(Form)

http協定基本的兩個請求方式為get與post,get請求方式為直接在請求的網址上傳送請求的相關資訊,例如 get login.jsp?user justin get請求方式由於是直接在網址上傳送請求的相關資訊,所以會在網址列上出現相關的請求資訊,例如 一些表頭 post資料本體 在設計表單的時候...

關於排版的技巧

下面說乙個有關border的乙個屬性 transparent 透明的 placeholder 文字框顯示 游標在前面 普通的文字框顯示 游標在後面 排版的技巧 1.搞清楚結構層次 2.保證模組化 讓他們之間不能受到影響 排版時記住這兩個問題 1.元素的性質 2.標準流 因脫離標準文件流,父級撐不起高...

智慧型表單(form),使排版更加方便

使用者名稱 1.屬性 required 值 required 表單擁有該屬性表示內容不能為空,為必填項 2.屬性 placeholder 值 提示文字 表單的提示資訊,若存在預設值則不顯示 使用者名稱 使用者名稱 3.屬性 autofocus 值 autofocus 自動聚焦屬性,頁面載入完成後游標...