DIV CSS表單布局的小技巧

來源:互聯網
上載者:User

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

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

引用:

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

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

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

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

引用:

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

點擊輸入單元後,提示資訊會刪除。

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.