HTML基礎(chǔ)必看---表單,圖片熱點(diǎn),網(wǎng)頁劃區(qū)和拼接詳解

2020-03-24 16:59:15

字體：大中小

供稿：網(wǎng)友

一、表單 form id= name= method= post/get action= 負(fù)責(zé)處理的服務(wù)端 id不可重復(fù)；name可重復(fù)；get提交有長(zhǎng)度限制，并且編碼后的內(nèi)容在地址欄可見，post提交無長(zhǎng)度限制，且編碼后內(nèi)容不可見。 /form 1、文本輸入文本框 input type= txt name= id= html' target='_blank'>value= / 注：上面設(shè)置value值，表示設(shè)置默認(rèn)值密碼框 input type= password name= id= value= / 文本域 textarea name= id= cols= （字符多少） rows= （幾行高） /textarea 隱藏域 input type= hidden name= id= value= / 2、按鈕提交按鈕 input type= submit name= id= disabled= disabled value= / 點(diǎn)擊后轉(zhuǎn)到form內(nèi)的提交服務(wù)器的地址注：上面中設(shè)置value值表示運(yùn)行時(shí)上面顯示的文字。重置按鈕 input type= reset name= id= disabled= disabled value= / 普通按鈕 input type= button name= id= disabled= disabled value= / 圖片按鈕 input type= image name= id= disabled= disabled src= 圖片地址 / 附： disabled，使按鈕失效；enable，使可用。 3、選擇輸入單選按鈕組 input type= redio name= checked= checked value= / name的值用來分組；value值看不見，是提交給程序用的；checked，設(shè)置默認(rèn)選項(xiàng)。注：?jiǎn)芜x按鈕組選中后不可取消。復(fù)選框組 input type= checkbox name= checked= checked value= / 注：checked= checked 表示一上來就選中，且復(fù)選框可選中可取消。文件上傳 input type= file name= id= / label for= /label label 標(biāo)簽為 input 元素定義標(biāo)注（標(biāo)記）。 label 元素不會(huì)向用戶呈現(xiàn)任何特殊效果。不過，它為鼠標(biāo)用戶改進(jìn)了可用性。如果您在 label 元素內(nèi)點(diǎn)擊文本，就會(huì)觸發(fā)此控件。就是說，當(dāng)用戶選擇該標(biāo)簽時(shí)，瀏覽器就會(huì)自動(dòng)將焦點(diǎn)轉(zhuǎn)到和標(biāo)簽相關(guān)的表單控件上。 label 標(biāo)簽的 for 屬性應(yīng)當(dāng)與相關(guān)元素的 id 屬性相同。下拉列表框 select name= id= size= multiple= multiple --size=1時(shí)，為菜單； 1時(shí)，為列表。multiple為多選。 option value= 值內(nèi)容1 /option option value= 值 selected= selected 內(nèi)容2 /option --selected，設(shè)為默認(rèn) option value= 值內(nèi)容3 /option /select 綜上HTML程序顯示： XML/HTML Code復(fù)制內(nèi)容到剪貼板
!DOCTYPEhtmlPUBLIC -//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd htmlxmlns= http://www.w3.org/1999/xhtml head metahttp-equiv= Content-Type content= text/html;charset=utf-8 / title 無標(biāo)題文檔 /title /head bodybackground= 22.jpg form 賬號(hào)： inputtype= text value= 12345 disabled= disabled / br/ br/ 密碼： inputtype= password / br/ br/ 說說： textareacols= 140 rows= 8 /textarea br/ br/ 請(qǐng)問：中華人民共和國(guó)成立于那一年？ inputtype= text / inputtype= submit value= 提交 / inputtype= hidden value= 1949 / inputtype= reset / br/ inputtype= button value= 登錄 / br/ inputtype= image src= 55.jpg / br/ inputtype= radio name= sex / 男 br/ inputtype= radio name= sex / 女 br/ inputtype= checkbox checked= checked / 可樂 br/ inputtype= checkbox / 雞腿 br/ inputtype= file / br/ br/ selectsize= 1 optionvalue= 11 可口可樂 /option optionvalue= 22 雪碧 /option optionvalue= 33 selected= selected 芬達(dá) /option /select /form /body /html
!DOCTYPEhtmlPUBLIC -//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd htmlxmlns= http://www.w3.org/1999/xhtml head metahttp-equiv= Content-Type content= text/html;charset=utf-8 / title 無標(biāo)題文檔 /title /head bodybackground= 11.jpg fontface= 華文隸書 tablealign= center width= 600 height= 600 border= 1 cellpadding= 0 cellspacing= 0 tr tdwidth= 150 郵箱： /td td form inputtype= text / /form /td /tr tr td /td tdvalign= middle fontcolor= #999999 需要通過郵箱激活賬戶，不支持sohu，21cn，sogou的郵箱 /font /td /tr tr td 登錄用戶名： /td td form inputtype= text / /form /td /tr tr td /td tdvalign= middle fontcolor= #999999 僅在登錄時(shí)使用，字符數(shù)不少于4個(gè) /font /td /tr tr td 顯示名稱： /td td form inputtype= text / /form /td /tr tr td /td td fontcolor= #999999 即昵稱，字符數(shù)不少于2個(gè) /font /td /tr tr td 密碼： /td td form inputtype= password / /form /td /tr tr td 確認(rèn)密碼： /td td form inputtype= password / /form /td /tr tr td /td td fontcolor= #999999 至少8位，必須包含字母、數(shù)字、特殊字符 /font /td /tr tr td 性別： /td td form selectsize= 1 optionvalue= 1 selected= selected 男 /option optionvalue= 2 女 /option /select /form /td /tr tr td 喜好： /td td form selectsize= 1 optionvalue= 1 打游戲 /option optionvalue= 2 打籃球 /option optionvalue= 3 看電影 /option optionvalue= 4 selected= selected 聽音樂 /option optionvalue= 5 旅游 /option /select /form /td /tr tr td /td td form inputtype= submit value= 注冊(cè) / /form /td /tr /table /font /body /html
二、圖片熱點(diǎn) 規(guī)劃出圖片上的一個(gè)區(qū)域，可以做出超鏈接，直接點(diǎn)擊圖片區(qū)域就可以完成跳轉(zhuǎn)的效果。示例：
!DOCTYPEhtmlPUBLIC -//W3C//DTDXHTML1.0Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd htmlxmlns= http://www.w3.org/1999/xhtml head metahttp-equiv= Content-Type content= text/html;charset=utf-8 / title 無標(biāo)題文檔 /title /head body imgsrc= a006.jpg usemap= ditu / mapname= ditu areashape= rect coords= 0,0,50,50 href= http://www.baidu.com / areashape= circle coords= 265,118,80 href= http://qq.com / /map /body /html
三、網(wǎng)頁劃區(qū)和拼接劃區(qū)：在一個(gè)網(wǎng)頁里，規(guī)劃出一個(gè)區(qū)域用來展示另一個(gè)網(wǎng)頁的內(nèi)容。示例：拼接：在一個(gè)網(wǎng)絡(luò)頁面內(nèi)，規(guī)劃出多個(gè)頁面窗口，以表格拼接的形式展示出來。（可以想象一下監(jiān)控畫面，多個(gè)畫面同時(shí)顯示）示例：以上這篇HTML基礎(chǔ)必看---表單,圖片熱點(diǎn),網(wǎng)頁劃區(qū)和拼接詳解就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持phpstudy。原文地址：http://www.cnblogs.com/H2921306656/archive/2016/07/09/5656699.htmlhtml教程

鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。

上一篇：w3c組織給出html4的樣式建議

下一篇：html map標(biāo)簽是什么？html map標(biāo)簽的結(jié)構(gòu)及具體使用方法詳解