
!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN html head title 提交用戶信息 /title meta http-equiv= content-type content= text/html; charset=UTF-8 style body, p, td, input {font-size:12px; margin:0px; }select {height:20px; width:300px; }.title {font-size: 16px; padding: 10px; width:80%; }.text {height:20px; width:300px; border:1px solid #AAAAAA; }.line {margin:2px; }.leftp {width:110px; float:left; height:22px; line-height:22px; font-weight:bold; }.rightp {height:42px; }.button {color:#fff;font-weight:bold;font-size: 11px; text-align:center;padding:.17em 0 .2em .17em;border-style:solid;border-width:1px;border-color:#9cf #159 #159 #9cf;background:#69c url(images/bg-btn-blue.gif) repeat-x; /style /head body form action= /servlet/servlet/PostServlet method= POST p align= center br/ fieldset >代碼分析文檔類型聲明!DOCTYPE HTML PUBLIC -//W3C//DTD HTML 4.01 Transitional//EN http://www.w3.org/TR/html4/loose.dtd這段代碼叫做DOCTYPE聲明。DOCTYPE是document type(文檔類型)的簡寫,用來說明你用的XHTML或者HTML是什么版本。這里說明你用的是 HTML 4.01 版本,類似的還有:
!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtdHTML style 標(biāo)簽
這里聲明本文檔使用的是XHTML 1.0版本.style 標(biāo)簽定義文檔中的樣式。
如果需要在文檔中引用樣式表,應(yīng)該定義外部的樣式表,然后使用 link 來連接這個樣式表。
提示:在 HTML5 中,所有元素都不支持 style 屬性,如需為一個元素添加樣式,請在 style 元素中使用 scoped 屬性。
注釋:如果沒有定義 scoped 屬性,則 style 元素必須是 head 元素的子元素,或者是(屬于 head 元素的子元素的) noscript 元素的子元素。
head style type= text/css h1 {color: blue} h2 {color: red} /style /headHTML FieldSet 標(biāo)簽HTML legend 標(biāo)簽
如果一個頁面的表單項太多,我們最好把它們分組顯示,就像使用p標(biāo)簽分開段落一樣,可以使用fieldset與legend標(biāo)簽對表單內(nèi)容分組.
fieldset 標(biāo)簽 -- 對表單進行分組
fieldset標(biāo)簽是成對出現(xiàn)的,以 fieldset 開始,以 /fieldset 結(jié)束
一個表單可以有多個 fieldset ,每對 fieldset 為一組,每組內(nèi)容的描述可以使用legend標(biāo)簽說明
屬性:
Common -- 一般屬性
以上就是如何利用html和css來實現(xiàn)注冊表單的簡單實例的詳細內(nèi)容,html教程
鄭重聲明:本文版權(quán)歸原作者所有,轉(zhuǎn)載文章僅為傳播更多信息之目的,如作者信息標(biāo)記有誤,請第一時間聯(lián)系我們修改或刪除,多謝。
新聞熱點
疑難解答