普通 div 模擬 placeholder

2021-10-06 23:30:26 字數 497 閱讀 9570

這是由於我們專案中使用的 quasar 元件裡的 editor(實際是 div 元素)的佔位符問題引起的**。

首先說明一下,非表單元素如 div 可以通過加乙個 contenteditable 為 true 來實現可編輯。然後給該元素新增佔位符樣式。

最終採用的純css實現普通div的placeholder效果的方法如下:

html:

class

="rich-text"

contenteditable

="true"

placeholder

="請輸入"

>

div>

css:

/* 為空時內容顯示元素屬性值 */

.rich-text:empty:before

/*焦點時內容為空*/

.rich-text:focus:before

div模擬頁面切換

設計思路 多個div每個div單獨占用一整頁需要跳頁時使用div的顯示 新頁 和隱藏 舊頁 即可。經測試隱藏div 頁 與顯示div 頁 之間的事件並不會相互影響 其實設計思路和jqm jquerymobile 設定思路一致 jqm裡面是以data role page 來表明這是乙個頁面級的div ...

通過div模擬table

參考 不要使用內聯樣式,但只是為了了解這裡是如何去 這裡的乙個簡單的技巧是,如果你不需要的話,你甚至不需要錶行元素.一組顯示 表單元格 元素是顯示的子元素 表 元素將表現為它們都在同一行中。您總是更改元素的顯示屬性,以獲取表樣式行為.display table display table cell ...

普通python模擬登陸

usr bin python import htmlparser import urlparse import urllib import urllib2 import cookielib import string import re 登入的主頁面 hosturl post資料接收和處理的頁面 我...