php (322)
js (242)
html (146)
математика (136)
css (127)
калькулятор (80)
html tags (62)
js tag (56)
php function (56)
дробь (50)
число (48)
jquery (42)
text (37)
js method (36)
php array (33)
js date (33)
form html (30)
fonts (30)
online (27)
link (26)
Показать еще :
object date (26)
ruweb.net (25)
html attribute (25)
foto (22)
type of input (21)
php matematika (20)
php file (20)
atom (20)
forum (19)
деление (19)
sublime text 3 (19)
определение (19)
десятичная дробь (18)
input (18)
hosting (18)
svg (18)
js attribute (18)
css property (17)
php date (17)
board (16)
php time (16)
html book (16)
php string (15)
js replace (15)
color (15)
php folder (15)
js events (14)
js url (14)
js time (14)
font download (14)
img (13)
htaccess (13)
osclass (13)
info (13)
вычитание (13)
notepad (13)
select (13)
php path (12)
keyboard (12)
table (12)
знак (12)
php img (12)
dw block (12)
download (12)
jsphp (11)
font awesome (11)
js location (11)
form (11)
icon (11)
yandex webmaster (11)
drop down list (10)
attribute data (10)
yandex (10)
js delete (10)
отрицательные (10)
mouse (10)
признак делимости (10)
сложить (9)
css shape (9)
database (9)
вычитание дробей (9)
hover (9)
смешанная дробь (9)
php count (9)
php session (9)
онлайн (9)
calculator (8)
dosite (8)
document js (8)
js attr delete (8)
php array key (8)
js array (8)
selector css (7)
programs (7)
encryption (7)
php post (7)
степень (7)
queryselector (7)
different (7)
border property (7)
background (7)
перевод дробей (7)
$ server (7)
php url (7)
browser (7)
php error (7)
php operator (7)
attribute title (7)
cookie (7)
dreamweaver (7)
jquery attribute (7)
comment (7)
php get (6)
iframe (6)
tag title (6)
list (6)
alphabet (6)
canvas (6)
filezilla (6)
js class (6)
robots txt (6)
mysql (6)
position element (6)
tags meta (6)
click (6)
code editor (6)
dwweb ru (5)
registration (5)
треугольник (5)
tag a (5)
textarea (5)
php cookie (5)
paragraph (5)
directadmin (5)
php substr (5)
adminka (5)
$ global vars (5)
value (5)
php second (5)
js slice (5)
reg.ru (5)
search (5)
js math (5)
умножение (5)
display property (5)
mb (5)
chart (5)
ftp (5)
year (5)
площадь (5)
heading (5)
js id (5)
задача (4)
href attribute (4)
нок (4)
php var (4)
js domain (4)
php type var (4)
count symbol (4)
php preg replace (4)
xml (4)
scandir (4)
ssl (4)
week (4)
умножить дробь (4)
day (4)
base64 (4)
bbcode (4)
php register (4)
text decoration (4)
js form (4)
js string (4)
task (4)
month (4)
php constants (4)
js window (4)
console (4)
clock fonts (4)
template (4)
php cycle (4)
symbols (4)
pages (4)
classlist (4)
vk (4)
position (4)
php task (4)
submit (4)
делить дробь (4)
https (3)
js attr ad (3)
overflow (3)
js attr get (3)
numbers (3)
jquery post (3)
js post (3)
function time (3)
js hash (3)
subdomain (3)
js attr change (3)
checkbox (3)
php password (3)
jquery class (3)
php method (3)
money (3)
magic constants (3)
php get element (3)
question (3)
first letter (3)
vs code (3)
domen (3)
php cycle for (3)
font style (3)
php rand (3)
js tag delete (3)
периметр (3)
куб (3)
pseudo element (3)
сложить дробь (3)
line (3)
корень (3)
captcha (3)
selector (3)
ucoz (3)
php counters (3)
preg replace (3)
padding (3)
auto form (3)
js cookie (3)
js img (3)
js vars (2)
audio player (2)
facebook (2)
php mail (2)
js property (2)
errordocument (2)
рся (2)
youtube (2)
video (2)
php round (2)
input stroke (2)
yoomoney (2)
sitemap (2)
js value (2)
js object (2)
круг (2)
калькулятор 2 (2)
tag hr (2)
about me (2)
jquery method (2)
делить смешанную (2)
набрать дробь (2)
квадрат (2)
css book (2)
type file (2)
prompt (2)
php form (2)
arrows (2)
details (2)
seo (2)
функция (2)
php array sort (2)
height (2)
google (2)
file cms (2)
qr kod (2)
authorization (2)
counter (2)
attribute target (2)
typeof (2)
delete tag (2)
js attr hey (2)
php array value (2)
source code (2)
comments+ (2)
speed (1)
rutube (1)
windows (1)
jquery book (1)
sublime text 4 (1)
game (1)
js session (1)
input html (1)
прямоугольник (1)
sberbank (1)
js folder (1)
php info (1)
text align (1)
header (1)
js tag do (1)
smile (1)
computer (1)
type range (1)
js tag get (1)
js tag change (1)
archive (1)
объем (1)
cursor (1)
jino (1)
xmlhttprequest (1)
css indent (1)
php minute (1)
scroll (1)
нод (1)
Placeholder for contenteditable div
Как вы знаете, что placeholder - это подсказка для полей ввода, но что делать если требуется сделать такую подсказку для contenteditable
Подробно о подсказке в div с contenteditable
Пример использования подсказки в contenteditable div
Для того, чтобы у нас заработала подсказка (placeholder) для contenteditable нам понадобится:
Добавляем атрибут data + через тире "placeholder" и добавляем текст:
data-placeholder="Вставьте текст"
+ добавим атрибут border, чтобы видеть края нашего дива.
style="border: 1px solid"
Соберем нашу конструкцию с подсказкой в div:
<div contenteditable="true" data-placeholder="Вставьте текст" style="border: 1px solid"></div>
Если мы так оставим, то ничего не заработает, нам понадобятся стили,Ю которые актируют подсказку в contenteditable :
<style>
[contenteditable]:empty:before {
content: attr(data-placeholder);
color: grey;
display: inline-block;
}
</style>
[contenteditable]:empty:before {
content: attr(data-placeholder);
color: grey;
display: inline-block;
}
</style>
Результат вывода contenteditable с placeholder
Можете не благодарить, лучше помогите!
Теги :
Счетчик в график :
Построение гравиковОснова для графика : счетчик посещаемости.
На отдельной : странице.