经常浏览网站进出论坛,新闻评论的朋友大都看到过这个漂亮的美化的文本域(Textarea)背景。短短几行代码表达的效果却非常的大,让访客不自觉地就能加深对网站的视觉印象,从而更好地做到宣传的目的,也同时美化了单调的文本域(Textarea)背景。
文本域背景美化(添加文本域背景图片)展示效果代码如下:<style type=”text/css”>
<!–
.textfield {width:450px;height:20px;background-image:url(images/inputbg.gif);color:#666;border:1px dotted #999666;padding:3px 0px 0px 5px;} /*设置标题文本框边框,背景图片及文字颜色*/
.textarea {width:450px;height:120px;background:url(images/logo.gif) no-repeat right top;border:1px dotted #999666; } /*设置留言文本框边框,背景图片*/
–>
</style>
<table width=”510″ border=”0″ align=”center” cellpadding=”0″ cellspacing=”0″>
<tr>
<td><input name=”search” type=”text” id=”search” class=”textfield” onfocus=”if(this.value==’标题’) {this.value=”;}this.style.color=’#333′;” onblur=”if(this.value==”) {this.value=’标题’;this.style.color=’#666′;}” value=”标题” maxlength=”22″/></td>
</tr>
<tr>
<td><textarea name=”textarea” class=”textarea”></textarea></td>
</tr>
</table>
分享到:
相关推荐
表单控件——文本域textarea</title> <!-- 最新版本的 Bootstrap 核心 CSS 文件 --> <link rel="stylesheet" href="https://cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css
表单美化之textarea文本域背景的美化
改变文本域textarea里的字体颜色的方法
textarea元素在chrome等浏览器下可以被拖拉从而改变大小,对于查看textarea里面的内容来说相当方便,但是有时候,我们为了保持网页的美观,不得不想要禁掉这个功能,禁止用户随意拉动textarea的大小
自增长的文本域 随着用户输入的字符增加文本域和长度
一、关于textarea文本域以及高度自适应 textarea标签为表单元素,一般用在多行文字的输入。在web应用上常见的是评论输入框,微博信息输入框等。例如企鹅微博的输入框: 作为多行文本域功能来讲,textarea满足了我们...
主要是为了页面没有提交按钮 无法实现回车自动提交所写在功能,屏蔽了表单中文本域回车导致提交功能。
txt格式 文本域自动适应高度 有js 和jsp代码。
主要为大家介绍下如果在textarea文本域中显示HTML代码,其实多用于网页编辑的开发,大家可以参考下
本文为大家介绍下textarea文本域宽度和高度(width、height)如何自动适应变化处理,下面有个不错的示例,感兴趣的朋友可以参考下
介绍了JS限制Textarea文本域字符个数的具体实现,有需要的朋友可以参考一下
Textarea Autosize:根据内容的大小自动调整Textarea
NULL 博文链接:https://angrycoder.iteye.com/blog/970386
NULL 博文链接:https://yelangking.iteye.com/blog/2054273
为原始的HTML页面中的textarea框加入行号,替代一些复杂的文本编辑器
css textarea textarea 样式
通常的做法就是使用#脚本语言来实现对textarea文本域的字数输入限制,简单而实用。假设我们有一个id为 txta1 的textarea文本区,我们可以通过以下代码限制它的键盘输入字数为10个字(汉字或其他小角字符): ...