JSP中必用的HTML元素 表單

2022-08-26 09:09:12 字數 3708 閱讀 5960

在頁面設計時,一方面頁面可能只是用來收集資料的,即表單控制項以空白的形式渲染在客戶端;另一方面則需要頁面展示並最終還是為收集資料,即常見的具有修改功能頁面。

doctype html

>

<

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

>

view code

其實我應該寫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元素表示規定範圍內的數量值,例如 磁碟使用量,某個候選者的投票人數佔總投票人數的比例等,其可用屬性如下 例項 ...