DIV CSS表單布局的五個小技巧是怎樣的,很多新手對此不是很清楚,為了幫助大家解決這個難題,下面小編將為大家詳細講解,有這方面需求的人可以來學習下,希望你能有所收獲。
創(chuàng)新互聯(lián)建站主營小店網站建設的網絡公司,主營網站建設方案,重慶APP開發(fā)公司,小店h5微信平臺小程序開發(fā)搭建,小店網站營銷推廣歡迎小店等地區(qū)企業(yè)咨詢
和大家重點學習一下DIV CSS表單布局技巧的使用,主要包括表單文本輸入的移動選擇,表單輸入單元點擊刪除,表單輸入單元的邊框設置等五種,通過對這些技巧的學習可以幫助你更靈活的控制表單,使頁面更加滿意。
DIV CSS表單布局的五個小技巧
1、表單文本輸入的移動選擇:
在文本輸入欄中,如果加入了提示,來訪者往往要用鼠標選取后刪除,再輸入有用的信息。其實只要加入onMouseOver="this.focus()"onFocus="this.select()"代碼到<textarea>中,一切就會變得簡單多了,如:
ExampleSourceCode
<textareanametextareaname=textareawrap=virtual; rows=2cols=22onMouseOver="this.focus()"onFocus="this.select()">InputEnglish..</textarea>
類似的,可以加入代碼到<input>。
2、DIV CSS表單輸入單元點擊刪除:
本列同上則作用類似,只是使用鼠標上略有變化,需要點擊而不像上則的只要鼠標覆蓋。如:
ExampleSourceCode
<inputtypeinputtype=textname="address"size=19 ; value="Enter,e-mail..."onFocus="this.value=''">
點擊輸入單元后,提示信息會刪除,是不是很方便。
3、DIV CSS表單輸入單元的邊框設置:
更改傳統(tǒng)的表單單元邊框,會讓你的主頁生色不少。如:
ExampleSourceCode
<inputtypeinputtype=radioname=actionvalue=subscribechecked style="BORDER-BOTTOM:dashed1px; BORDER-LEFT:dashed1px;BORDER-RIGHT:dashed1px; BORDER-TOP:dashed1px;background-color:#FEF5C8">
其中"style=***"為左右上下和背景色設置,適用于其它單元,請讀者親自試試。
4、DIV CSS表單輸入單元的文字設置:
表單中單元的字體是可以修改的,如:
ExampleSourceCode
<inputtypeinputtype=textname="address"size=19 value="Enter,e-mail..."style=font-family:" verdana";font-size:10px>
其中"style=***"為字體和字大小設置。
5、修改DIV CSS表單屬性為彈出窗口:
大多數表單激活后,會在當前頁面中打開,影響正常瀏覽。不如修改一下,如:
ExampleSourceCode
<formmethodformmethod=POSTaction=urltarget=_blank>
其中"target=_blank"為控制在彈出窗口打開。
看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道,感謝您對創(chuàng)新互聯(lián)的支持。
網頁標題:DIVCSS表單布局的五個小技巧是怎樣的
瀏覽路徑:http://bm7419.com/article48/gosshp.html
成都網站建設公司_創(chuàng)新互聯(lián),為您提供自適應網站、網站排名、微信公眾號、外貿網站建設、網站營銷、電子商務
聲明:本網站發(fā)布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創(chuàng)新互聯(lián)