TextArea加入背景图

最新推荐文章于 2024-10-03 22:12:17 发布
最新推荐文章于 2024-10-03 22:12:17 发布
阅读量660 收藏 2
点赞数
分类专栏： JavaScript 文章标签： search xhtml class html border url
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/beichen_/article/details/3998120
版权

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />

<title></title>

<style type="text/css">

<!--

.textarea {width:500px;height:70px;background:url(images/alert.gif) no-repeat right top; }

.textfield {width:500px;height:18px;background-image:url(images/inputbg.gif);color:#ccc;border:solid 1px #999;padding:3px 0px 0px 5px;}

-->

</style>

</head>

 

<body>

<br />

<br />

<table width="510" border="0" align="center" cellpadding="0" cellspacing="0">

  <tr>

    <td height="29"><input name="search" type="text" id="search" class="textfield" οnfοcus="if(this.value=='关键字') {this.value='';}this.style.color='#333';" οnblur="if(this.value=='') {this.value='关键字';this.style.color='#ccc';}" value="关键字" maxlength="20"/></td>

  </tr>

  <tr>

    <td height="82"><textarea name="textarea" class="textarea"></textarea></td>

  </tr>

 

</table>

</body>

</html>

 

beichen_
关注
专栏目录
textarea设置背景图片
hiro_1015的博客
04-10 3184
&lt;textarea STYLE="background-attachment: fixed; background-image: url(背景图所处位置)"&gt;&lt;/textarea&gt;
textarea背景图片|背景颜色
na_na_er的专栏
01-19 2432
无标题文档.unnamed1 {background-image: url(ai1.jpg);}-->.unnamed2 {background: url(ai1.jpg);}-->   textarea的背景颜色
textarea添加背景图片并控制定位
愤怒的coder
03-22 357
  &lt;style&gt; .img{ background:url(gb.png) 0px 87px no-repeat fixed;/*fixed是图片背景图片不移位的关键，0和87像素需要自己微调*/ width:490px;/*图片宽度*/ height:100px;/*图片高度*/ border:1px solid red;/*边框颜色，可以省略*/ ...
关于html中textarea模块插入图片的问题
weixin_43448686的博客
06-09 7392
在html中，textarea对象是不能显示图片的，只能显示文字，于是我们只能使用间接的方式模拟textarea达到相同的效果。 html中div对象有个属性为contenteditable，它的值决定着该div对象控制的区域是否可编辑.当contenteditable设置为ture时，就可以手动编辑该区域。 附上代码 文字处理 function EditShow(sender,content){ var element = document.getElement
HTML背景图片
热门推荐
weixin_52474888的博客
03-07 1万+
在我们日常的生活中，经常会见到一些网页背景是一张图片，那么怎么设置出这种效果呢,小编就带着大家一起来学习一下。 首先大家需要料及一个属性：background-image ，通过这个属性来设置背景图片。用url来引入图片位置 background-image: url(F2581BA79A437DCC9807D1311783E298.jpg); 然后我们引入图片之后，来了解一下如何设置你引入的图片 1，background--repeat 这个属性是用来设置图片的显示方式 repeat,图片重复
给textarea添加背景图
weixin_30325071的博客
06-02 265
给textarea添加背景图用的好也很有意思哦。 <style type="text/css"> textarea{ background: url(img/cartooncat.png) no-repeat right bottom/20% 30%; } </style> <body> <textarea cols="60" row...
Vue实现textarea固定输入行数与添加下划线样式的思路详解
08-27
然后，设置textarea的行高和背景图的高度一致。 实现代码 在实现时，需要使用Vue的refs来获取textarea元素，然后使用scroll事件来触发删除多余字符的函数。删除多余字符的函数使用setInterval来实现，每隔10毫秒...
java为jtextarea添加背景图
08-14
可以通过设置JTextArea的UI来实现为JTextArea添加背景图。 以下是一个简单的例子： ```java import java.awt.Graphics; import java.awt.Image; import javax.swing.ImageIcon; import javax.swing.JFrame; import...
html在文本框中输入背景字,如何在评论输入框textarea中加入背景图片
weixin_42134168的博客
06-04 1974
访问量:53在评论输入输入框中，显示一张图片而又不影响文字的输入，其实就是在textarea中加入背景来实现，一般来说，为了好看，当访客进入网站之后，点击textarea时候，背景图片就得消失，所以一共加起来，在评论输入框textarea中加一张图片就包含了以下两个部分。一、加入背景图片以本网站为例，找到控制textarea的样式表内容，添加的内容，我已经加粗。notes .comment-pos...
html中文本框加背景图片
系统运维
09-21 2866
&lt;inputtype="text"style="background-color:#ccc;color:yellow;font-size:11pt"&gt; &lt;inputtype="text"style="background-image:url('banner.jpg')"&gt; &lt;input type="text" id=
XHTML学习
大河之犬的博客
09-20 610
XHTML是一个严格遵循 XML语法规则的 HTML 标准。它是 HTML4 的一种重构版本，结合了 HTML 的灵活性和 XML 的严格性，如今XHTML已经得到了所有主流浏览器的支持文档结构XHTML DOCTYPE 是强制性的中的 XML namespace 属性是强制性的、、 以及 也是强制性的元素语法XHTML 元素必须正确嵌套XHTML 元素必须始终关闭XHTML 元素必须小写XHTML 文档必须有一个根元素。
基于HTML、CSS和JavaScript的滚动数字显示效果，类似于老式计数器或电子表上的数字滚动效果
2201_76060199的博客
09-29 1114
这段代码创建了一个数字滚动显示效果，用户可以通过输入框输入金额，或点击按钮生成随机数字，金额数字会以滚动的方式显示。CSS负责布局和样式，JavaScript负责动画效果和逻辑处理。代码中多次使用了相同的IDcounter，这在实际开发中是不推荐的，ID应该是唯一的，这里可能是为了简化示例而重复使用。
使用html写一个能发起请求的登录界面
最新发布
2301_79431343的博客
10-03 464
这是文档类型声明，告诉浏览器这是一个 HTML文档。这是 HTML 文档的根元素，lang="en" 表明文档的主要语言是英语。
HTML粉色烟花秀
兔子王
09-21 8335
HTML语言实现的粉红色跨年烟花秀的完整代码。
前端编程艺术（1）---HTML
lys20221113242的博客
09-30 987
HTML（HyperText Markup Language，超文本标记语言）是一种用于创建网页的标准标记语言。它描述了一个网站的结构骨架，使得浏览器能够展示具有特定格式的文本、链接、图片和其他内容。：主体元素，包含可见的页面内容，如文本、图片、视频、游戏、可播放的音频等。：头部元素，包含元信息，如字符集、页面标题、样式表链接、脚本链接等。标签：HTML标签用于标记文本，以便浏览器知道如何渲染它们。属性：提供关于元素的额外信息，通常在开始标签中规定。：根元素，包裹所有其他HTML元素。
【CSS/HTML】左侧固定，右侧自适应的布局方式理解margin负值理论
mengran_code的博客
09-29 653
简单解释下flex: 0 0 200px的用处，flex属性是flex-grow, flex-shrink 和 flex-basis的简写，默认值为0 1 auto。如果一个项目的flex-grow属性为2，其他项目都为1，则前者占据的剩余空间将比其他项多一倍。它的默认值为auto，即项目的本来大小。如果一个项目的flex-shrink属性为0，其他项目都为1，则空间不足时，前者不缩小。flex-shrink属性定义了项目的缩小比例，默认为1，即如果空间不足，该项目将缩小。是固定宽度的div脱离文档流。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值