contenteditable元素的placeholder輸入提示語設置
在某些情況下,textarea是不夠用的,我們還需要顯示一些圖標或者高亮元素,這就需要用富文本編輯器,而富文本編輯器本質上是HTML元素設置了contenteditable。
然後可能需要像input、textarea有placeholder的輸入提示語,但contenteditable的元素,placeholder是沒用的,需要另外辦法。
例子:
HTML:
<div class="con" contenteditable="true"></div>
CSS:
.con{ width: 400px; height: 400px; border: 1px solid #4ec844; outline: none; } .con:empty:before{ content: ‘說點啥好呢?‘; color: gray; } .con:focus:before{ content:none; }
:empty瀏覽器兼容性
PS::focus兼容性也是差不多的
contenteditable元素的placeholder輸入提示語設置
相關推薦
contenteditable元素的placeholder輸入提示語設置
clas 情況 gray col tab inpu 輸入提示 src 瀏覽器 在某些情況下,textarea是不夠用的,我們還需要顯示一些圖標或者高亮元素,這就需要用富文本編輯器,而富文本編輯器本質上是HTML元素設置了contenteditable。 然後可能需要像inp
更改Windows Update設置時,為何會提示“某些設置由你的系統管理員管理”?
http window con 備份 計算機 list alt+ text 應該 親測有效 及時進行更新是保證系統正常運行的一個有效措施。可為什麽當我們進入“控制面板->Windows Update”手動修改 Windows Update 的設
contenteditable獲得焦點後的邊框設置
contenteditable[contenteditable]:focus{outline: none;}本文出自 “愛死寂寞人” 博客,請務必保留此出處http://chcchb.blog.51cto.com/3592607/1979986contenteditable獲得焦點後的邊框設置
win10提示“無法設置移動熱點 請打開WLAN”的解決方法
jpg 而且 表示 internet ron lan order 中文 適配器 一位用戶在使用Win10創意者操作系統過程中,遇到了無法開啟移動熱點的情況,開關呈灰色狀態,而且提示:無法設置移動熱點 請打開WLAN,該如何解決呢?該用戶表示Wlan一直開著呀,感覺非常奇怪。
如何讓contenteditable元素只能輸入純文字
雖然說,利用全瀏覽器都支援的 contenteditable 模擬文字域可以實現體驗相當不錯的高度跟隨內容自動撐開的效果,但是呢,有個很大的問題就是HTML內容可以直接被貼上進去,如下圖所示: 之前的文章提到過過濾HTML的方法,保證內容都是純文字。然而,這種方法
simulink使用MATLAB function的端口多出入多輸出,輸入輸出向量設置
模塊 語言 方案 雙擊 如何實現 顯示 定義 不用 link 1.simulink中的MATLAB function如何實現多個輸入輸出端口 解決方案:雙擊MATLAB function模塊,進入其編程界面,定義函數 函數名為fcn,有幾個形參,simulink中的模塊就
安卓代碼自動補全及代碼自動提示的設置方法
需要 wid setting image ima 補全 mage del 手動 設置代碼提示 1.左上角點擊File選項,找到Settings 2.點擊Settings後,找到Editor 3.點擊Editor後,找到General,點擊General,找到Code
Excel輸入不符合有效性規則的內容後如何設置錯誤提示
都是 mage 怎麽辦 自動 常見 視頻 內容 用戶 vpd Excel輸入不符合有效性規則的內容後如何設置錯誤提示?設置數值有效性的目的通常都是為了使輸入的數據更加準確無誤。為了讓用戶知道其輸入的數據錯在哪裏。(常見問題)設置讓Excel單元格在輸入內容時根據要求彈出錯誤
設置outlook時提示:"對以下服務器中輸入您的用戶名和密碼”
tls RoCE windows smtp服務 彈出 ges oss size mtp windows 7 系統下配置outlook 在驗證smtp服務器時提示:對以下服務器輸入您的用戶名和密碼 勾選“將密碼保存在密碼表中“和點擊“確認”後還是彈出這個對話框,然後檢查前面的
樹莓派raspberry Pi 3B+系統中安裝mysql過程中不提示輸入密碼,安裝完後如何設置密碼
rate current 默認 oca acc inpu .so error enter 樹莓派raspberry Pi 3B+安裝mysql未提示輸入密碼,安裝後修改mysql密碼默認密碼 使用mysql -uroot -p 命令連接mysql時,報錯 pi@rasp
linux服務器git pull/push時提示輸入賬號密碼之免除設置
color als name 服務 tco pan span per 文件中 1、先cd到根目錄,執行git config --global credential.helper store命令 [root@iZ25mi9h7ayZ ~]# git config --g
My97設置開始、結束 時間區間及輸入框不能輸入只能選擇的方法
開始時間 don min put 命名 class 方法 不能 設置 時間區間開始: <input type="text" id = "first_time" name="first_time" value="${first_time }" onFocus = "
(轉)日期類型的input元素設置默認值為當天
自己 問題 etime target web put new ron local 原文地址 html5的form元素對日期時間有豐富的支持 <input type="date"> <input type="time"> <input type
如何設置 input placeholder字體大小和顏色?
如何 webkit lac 顏色 explore -m row ace pla input::-webkit-input-placeholder { /* WebKit browsers*/ color:#aaa;font-size:14px; }input:-moz
eclipse 開發jsp 智能提示設置
設置 rgb enc span html size spa cde div 1.打開eclipse→Windows→Preferences→Java→Editor→Content Assist 改動Auto Activation triggers for java
NPOI之Excel——合並單元格、設置樣式、輸入公式
images post nbsp size 字體 進行 分享 blog code NPOI之Excel——合並單元格、設置樣式、輸入公式 首先建立一個空白的工作簿用作測試,並在其中建立空白工作表,在表中建立空白行,在行中建立單元格,並填入內容: //建立空白工
設置元素內容相關整理
文本 相對 mes 百分比 名稱 安全 逗號 size 可選 字體屬性用於控制網頁中的文本顯示樣式,例如控制文字的字體、大小等,CSS中的字體屬性包括font、font-family、font-size、font-style、font-variant和font-weig
javascript如何設置名字輸入不合法
javascript如何設置名字輸入不合法html代碼:<tr> <th>輸入名稱:</th> <td><input type=‘text‘ class=‘normal‘ name=‘name‘ pattern=‘required‘ alt=‘
eclipse設置代碼自動提示
edit sign -h 都是 ges 開發 .com ply sel eclipse是很多JAVA開發者基本上都用的工具,用它可以很方便的開發JAVA代碼,當編寫JAVA代碼時,大部分人都是按組合鍵【Alt+/】來獲取代碼提示的,其實可以設置只要輸入代碼就自動提示
zend studio13設置js或html代碼提示
ati col apt 為我 延遲 spa span 之前 使用 最近在學李炎恢的thinkphp,說要安裝一個aptana插件,死活找不到,官網的連接也失效了 後來發現zend studio13不用插件就可以設置代碼提示(怪不得網上總是搜不到關於aptana插件)