【实现div里面有placeholder形式】的更多相关文章

实现div里面有placeholder形式

样式中设置content为元素的data-值 p{ color: deepskyblue; } p:before{ content: attr(data-beforeContent); color: darkred; } 然后js修改 $('p').on('click',function(){ $(this).attr('data-beforeContent','我被点击了'); });…

移动端的坑 之 在可编辑的div中实现placeholder

1.当我们个  div 设置了 contenteditable = "true" 这个块状元素就可以编辑了, 如果要实现 placeholder 直接写上去是没有效果的 <div contenteditable="true" placeholder="please write infomation"></div>//没有效果 2.可以添加样式来实现 *[contenteditable="true"]:e…

DIV实现CSS 的placeholder效果

placeholder是HTML5中input的属性,但该属性并不支持除input以外的元素   但我们可以使用Css before选择器来实现完全相同的效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Div+placeholder</title> <style> .rich{ colo…

textarea自适应高度，div模仿textarea可编辑实现自适应高度，placeholder使用图标

1.textarea自适应高度,placeholder使用图标 自适应高度,有很多种办法: 1)jq: $("textarea").on("input",function(){ $(this).css({ 'height':'auto', 'overflow-y':'hidden' }).height(this.scrollHeight); }) 效果图: 2)使用插件:autosize,flexText等...插件肯定比一两句话的jq强大的多,或者是:这篇文章  …

div内容上下居中

今天无聊闲逛技术群,听一哥们说要在div里面居中span内容. 第一印象:vertical-align: middle; 结果失效.因为他只对属于inline的元素或是inline-block.table-cell起作用. 故此代码修改如下: div{ width: 200px; height: 50px; border: 1px solid; display: table-cell; vertical-align: middle; } 把div渲染成表格形式,类似于 td 这种 就可以居中了.…

【html】【10】div布局[div水平垂直居中]

必看参考: http://www.jb51.net/css/28259.html 让div居中对齐缩写形式为: .style{margin:0 auto;} 数字0 表示上下边距是0.可以按照需要设置成不同的值. 例子: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&…

React 以两种形式去创建组件 类或者函数（二）

08==>创建组件以 1类的形式 或者以 2函数的形式 09==>使用组件 在src下创建components文件夹 是放组件的 CompType.js 组件 组件开头大写(重要) CompType.js文件如下 import React from "react" //一定要导入React // 函数类型去创建组件 export function Web1(){ return <div>我是以函数的形式创建的组件</div> } // 以类的形式创建…

div contenteditable 代替Textarea，做成Vue属性动态绑定

前言 一般都是用Textarea 文本来编辑,但发现可以用 div contenteditable = “true”,这个属性来搞定 <div contenteditable=true placeholder="添加描述符" class="shut-down"></div> css .shut-down:empty:before{ content:attr(placeholder); font-size: 13px; color: #999;…

实验六　DIV+CSS的综合应用

实验六 DIV+CSS的综合应用 [实验目的] 1．掌握DIV布局的方法: 2．利用CSS对DIV进行美化: 3．利用CSS对文本图像等网页元素进行美化 [实验环境] 连接互联网的PC ,Win7操作系统. [实验重点及难点] 熟练使用DIV+CSS进行各种形式页面的布局. [实验内容] 1.制作如下布局类型的页面,要求使用DIV技术. 2.在上面做的布局页面中添加各种元素,注意用CSS美化. --如在header部分添加一个CSS制作的导航条: --如在left中添加如下所示的导航: --在b…

无可奈何的开始了jquery的“奇淫技巧”

转载请注明出处: https://home.cnblogs.com/u/zhiyong-ITNote/ 修改一个已有的项目,主要是前端方面,一般的项目后端都是处理好了的,不需要改也不能改,除非特殊需求.然后就遇到了牛逼的代码.本来看别人已有的代码做开发就是一件很头疼的事,一个函数一个方法一个属性的找,眼睛疼....然后今天改代码还特别头疼,大概说说:首先不能使用jquery-ui的自动补全插件,换句说话,所有的第三方模糊匹配/自动补全插件都不能用,但是给我懵的.ajax将请求post到C#后端随…