国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發(fā) > CSS > 正文

如何利用html和css來實現(xiàn)注冊表單的簡單實例

2020-03-24 17:30:40
字體:
供稿:網(wǎng)友
效果總覽:


具體代碼實現(xiàn)
 !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.dtd 


這里聲明本文檔使用的是XHTML 1.0版本.

HTML style 標(biāo)簽

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  /head 
HTML 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)系我們修改或刪除,多謝。

發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 东丰县| 朝阳区| 荆门市| 湛江市| 淮滨县| 米易县| 焉耆| 锦州市| 高密市| 望都县| 兰考县| 玛沁县| 江达县| 华坪县| 黎平县| 南宁市| 梨树县| 怀化市| 松原市| 桂林市| 丹寨县| 边坝县| 葵青区| 淅川县| 乌苏市| 朝阳县| 额济纳旗| 东阿县| 平乐县| 阜阳市| 封丘县| 清丰县| 迭部县| 黎平县| 永吉县| 凤庆县| 珠海市| 金塔县| 张北县| 保定市| 开原市|