主頁(yè) > 知識(shí)庫(kù) > div+css頁(yè)面布局的五個(gè)小技巧

div+css頁(yè)面布局的五個(gè)小技巧

熱門標(biāo)簽:ai電話機(jī)器人效果差 隨州外呼系統(tǒng)廠家 地圖標(biāo)注樓盤 快速更改地圖標(biāo)注點(diǎn)標(biāo) 蘇州做電話機(jī)器人 南昌電話機(jī)器人系統(tǒng) 南山電話機(jī)器人 沈陽(yáng)400電話辦理多少錢 地圖標(biāo)注微信好友
  1、表單文本輸入的移動(dòng)選擇:

  在文本輸入欄中,如果加入了提示,來(lái)訪者往往要用鼠標(biāo)選取后刪除,再輸入有用的信息。其實(shí)只要加入onMouseOver="this.focus()" onFocus="this.select()" 代碼到 textarea> 中,一切就會(huì)變得簡(jiǎn)單多了,如:
復(fù)制代碼 代碼如下:

textarea name=textarea wrap=virtual rows=2 cols=22 onMouseOver="this.focus()" onFocus="this.select()">Input English../textarea> 

  類似的,可以加入代碼到input>。

  2、表單輸入單元點(diǎn)擊刪除:

  本列同上則作用類似,只是使用鼠標(biāo)上略有變化,需要點(diǎn)擊而不像上則的只要鼠標(biāo)覆蓋。如:

input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''"> 
  點(diǎn)擊輸入單元后,提示信息會(huì)刪除,是不是很方便。

  3、表單輸入單元的邊框設(shè)置:

  更改傳統(tǒng)的表單單元邊框,會(huì)讓你的主頁(yè)生色不少。如:

input type=radio name=action value=subscribe checked style="BORDER-BOTTOM: dashed 1px; BORDER-LEFT: dashed 1px; BORDER-RIGHT: dashed 1px; BORDER-TOP: dashed 1px;background-color: #FEF5C8">
  其中"style=***"為左右上下和背景色設(shè)置,適用于其它單元,請(qǐng)讀者親自試試。

  4、表單輸入單元的文字設(shè)置:

  表單中單元的字體是可以修改的,如:
input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px > 
  其中"style=***"為字體和字大小設(shè)置。

  5、修改表單屬性為彈出窗口:

  大多數(shù)表單激活后,會(huì)在當(dāng)前頁(yè)面中打開(kāi),影響正常瀏覽。不如修改一下,如:
form method=POST action=url target=_blank>
  其中"target=_blank"為控制在彈出窗口打開(kāi)。
您可能感興趣的文章:
  • 微信小程序 css使用技巧總結(jié)
  • 手機(jī)開(kāi)發(fā)必備技巧:javascript及CSS功能代碼分享
  • css代碼優(yōu)化的12個(gè)技巧
  • 幾個(gè)常用經(jīng)典的css技巧
  • 不錯(cuò)的整理的24則css技巧
  • 使css兼容IE8的小技巧
  • 用css實(shí)現(xiàn)圖片垂直居中的使用技巧
  • CSS頂級(jí)技巧大放送,div+css布局必知
  • 詳解CSS開(kāi)發(fā)過(guò)程中的20個(gè)快速提升技巧

標(biāo)簽:濰坊 昭通 大同 商洛 玉樹(shù) 石家莊 濰坊 深圳

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《div+css頁(yè)面布局的五個(gè)小技巧》,本文關(guān)鍵詞  div+css,頁(yè)面,布局,的,五個(gè),;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無(wú)關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《div+css頁(yè)面布局的五個(gè)小技巧》相關(guān)的同類信息!
  • 本頁(yè)收集關(guān)于div+css頁(yè)面布局的五個(gè)小技巧的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章