主頁 > 知識庫 > div+css頁面布局的五個小技巧

div+css頁面布局的五個小技巧

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

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

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

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

  2、表單輸入單元點擊刪除:

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

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

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

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

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è)置,適用于其它單元,請讀者親自試試。

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

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

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

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

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

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