在頁面設計時,一方面頁面可能只是用來收集資料的,即表單控制項以空白的形式渲染在客戶端;另一方面則需要頁面展示並最終還是為收集資料,即常見的具有修改功能頁面。
doctype htmlview code>
<
html
>
<
head
>
<
meta
charset
="utf-8"
>
<
title
>表單資料的渲染,假設這是乙個jsp檔案,已經的**過來bean資料模型
title
>
head
>
<
body
>
<
form
method
="post"
action
="run"
>
<
p>
你的名字?
<
input
type
="text"
name
="name"
size
="25"
value
="user.getname"
/>
你的e-mail
<
input
type
="text"
name
="emall"
size
="25"
value
="user.getemail"
/>
p>
<
p>
請檢查所有支付:
<
br>
<
input
type
="checkbox"
name
="likeit"
checked
="checked"
value
="00"
/>我真的喜歡你**<
br/>
<
input
type
="checkbox"
name
="likeit"
value
="00"
/>我真的喜歡你**<
br/>
<
input
type
="checkbox"
name
="likeit"
checked
="checked"
value
="11"
/>是我見過的最好的站點
br>
<
input
type
="checkbox"
name
="likeit"
value
="11"
/>是我見過的最好的站點
br>
<
input
type
="checkbox"
name
="likeit"
checked
="checked"
value
="22"
/>是嗎
br>
<
input
type
="checkbox"
name
="likeit"
value
="22"
/>是嗎
br>
p>
<
p>
選擇最喜歡的一件事物
<
br/>
<
input
type
="radio"
name
="lovebest"
value
="me"
checked
="checked"
/>我自己
br>
<
input
type
="radio"
name
="lovebest"
value
="me"
/>我自己
br>
<
input
type
="radio"
name
="lovebest"
value
="cat"
checked
="checked"
>我家的貓
br>
<
input
type
="radio"
name
="lovebest"
value
="cat"
>我家的貓
br>
p>
<
p>
<
select
size
="1"
name
="potentail"
>
<
option
selected
="selected"
>確定一下
option
>
<
option
>確定一下
option
>
<
option
selected
="selected"
>十萬
option
>
<
option
>十萬
option
>
<
option
selected
="selected"
>百萬
option
>
<
option
>百萬
option
>
<
option
selected
="selected"
>今天不了
option
>
<
option
>今天不了
option
>
select
>
p>
<
textarea
name
="comments"
rows
="4"
cools
="55"
>
textarea
>
br>
<
input
type
="submit"
value
="提交"
/>
<
input
type
="reset"
value
="重置"
/>
form
>
body
>
html
>
其實我應該寫jsp例項的,但是為了簡便,就寫了偽**。當然還可以是js的方式,但是一直做後端所以對js沒有花費過精力。
詳解HTML中的表單元素
詳講 注意事項 1.寬度和高度屬性 可以給table和td標籤使用 2.水平對齊和垂直對齊 水平對齊可以給table和td使用 垂直對齊只能給tr和td標籤使用 3.外邊距和內邊距屬性 只能給table使用 4.分類 的標題 的表頭資訊 的主題資訊 的葉尾資訊 必須寫在table標籤中,緊跟在tab...
HTML的表單元素
method 提交方式 action url位址 文字 密碼空按鈕 提交重置 複選按鈕 單選隱藏下拉選項1 下拉選項2 語法 說明 多行文字。rows屬性和cols屬性用來設定文字輸入視窗的高度和寬度,單位是字元。阻止瀏覽器對視窗的拖動設定 css屬性 語法 說明 相當於乙個方框,在字段集中可以包含...
重走HTML之HTML元素新增的表單元素
progress表示任務的完成清空,常用於進度條,其取值如下 例項 value 70 max 100 70 progress output表示使用者動作產生的結果,其可用屬性如下 meter元素表示規定範圍內的數量值,例如 磁碟使用量,某個候選者的投票人數佔總投票人數的比例等,其可用屬性如下 例項 ...