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