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

首頁 > 開發 > CSS > 正文

CSS設計符合Web標準的網頁表單的幾個技巧

2024-07-11 08:23:54
字體:
來源:轉載
供稿:網友

本文總結了用div css進行網頁表單布局的五個小技巧可以幫助你更靈活的控制表單,使頁面更加滿足。

  1、表單文本輸入的移動選擇:

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

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

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

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

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

<input type=text name="address" size=19 value="Enter,e-mail..."onFocus="this.value=''">

  點擊輸入單元后,提示信息會刪除,是不是很方便。

  3、表單輸入單元的邊框設置:

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

<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=***"為左右上下和背景色設置,適用于其它單元,請讀者親自試試。

  4、表單輸入單元的文字設置:

  表單中單元的字體是可以修改的,如:

<input type=text name="address" size=19 value="Enter,e-mail..." style=font-family:"verdana";font-size:10px >

  其中"style=***"為字體和字大小設置。

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

  大多數表單激活后,會在當前頁面中打開,影響正常瀏覽。不如修改一下,如:

<form method=POST action=url target=_blank>

  其中"target=_blank"為控制在彈出窗口打開。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 夏河县| 孟州市| 汾西县| 安仁县| 潍坊市| 镇康县| 朝阳区| 温泉县| 崇仁县| 固始县| 集安市| 息烽县| 通河县| 灵山县| 定日县| 弥渡县| 盐池县| 隆德县| 泸定县| 胶州市| 阿拉善右旗| 岑溪市| 中牟县| 黎城县| 曲周县| 常熟市| 盈江县| 朝阳区| 怀安县| 兰考县| 宣汉县| 神池县| 娄烦县| 娄底市| 龙南县| 宁陵县| 塔城市| 德州市| 清苑县| 临夏县| 游戏|