&&&&JS控制TextArea自适应高度，适用于IE、Chrome、Safari等浏览器
&JS控制TextArea自适应高度，适用于IE、Chrome、Safari等浏览器
这种主要在手机端应用较为广泛，当前PC也是可以用的了。
使用简单，也可以通过JS触发事件调整大小
若举报审核通过，可奖励20下载分
被举报人：
tianyitianyi1
举报的资源分：
请选择类型
资源无法下载
资源无法使用
标题与实际内容不符
含有危害国家安全内容
含有反动色情等内容
含广告内容
版权问题，侵犯个人或公司的版权
*详细原因：
VIP下载&&免积分60元/年（1200次）
您可能还需要
Q.为什么我点的下载下不了，但积分却被扣了
A. 由于下载人数众多，下载服务器做了并发的限制。若发现下载不了，请稍后再试，多次下载是不会重复扣分的。
Q.我的积分不多了，如何获取积分？
A. 获得积分，详细见。
完成任务获取积分。
论坛可用分兑换下载积分。
第一次绑定手机，将获得5个C币，C币可。
关注并绑定CSDNID，送10个下载分
下载资源意味着您已经同意遵守以下协议
资源的所有权益归上传用户所有
未经权益所有人同意，不得将资源中的内容挪作商业或盈利用途
CSDN下载频道仅提供交流平台，并不能对任何下载资源负责
下载资源中如有侵权或不适当内容，
本站不保证本站提供的资源的准确性，安全性和完整性，同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
移动开发下载排行
您当前C币：0&&&可兑换 0 下载积分
兑换下载分:&
消耗C币:0&
立即兑换&&
兑换成功你当前的下载分为 。前去下载资源
你下载资源过于频繁，请输入验证码
如何快速获得积分？
你已经下载过该资源，再次下载不需要扣除积分
JS控制TextArea自适应高度，适用于IE、Chrome、Safari等浏览器
所需积分：1
剩余积分：0
扫描微信二维码精彩活动、课程更新抢先知
VIP会员，免积分下载
会员到期时间：日
剩余下载次数：1000
JS控制TextArea自适应高度，适用于IE、Chrome、Safari等浏览器
剩余次数：&&&&有效期截止到：
你还不是VIP会员VIP会员享免积分 . 专属通道极速下载
VIP下载次数已满VIP会员享免积分 . 专属通道极速下载，请继续开通VIP会员
你的VIP会员已过期VIP会员享免积分 . 专属通道极速下载，请继续开通VIP会员温馨提示！由于新浪微博认证机制调整，您的新浪微博帐号绑定已过期，请重新绑定！&&|&&
从事网页设计制作工作，一毕业就来北京寻找自己的梦想，也一直在努力着，一个个去实现梦想，有时候觉得自己很坚强，有时候觉得自己好脆弱，需要一个人的保护，属于外柔内刚吧。我一直觉得作为一个女人，女性魅力固然重要，但是知性魅力更重要，人的容貌会老去，但是知识是跟随自己一辈子的。所以我一直在追求知性人生。
LOFTER精选
网易考拉推荐
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
阅读(585)|
用微信&&“扫一扫”
将文章分享到朋友圈。
用易信&&“扫一扫”
将文章分享到朋友圈。
历史上的今天
在LOFTER的更多文章
loftPermalink:'',
id:'fks_',
blogTitle:'去掉谷歌浏览器获取焦点时默认的input、textarea的边框和背景',
blogAbstract:'点评：本文主要核心内容为：去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小，感兴趣的朋友可以了解下：1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是css的效果，outline这个属性。&',
blogTag:'',
blogUrl:'blog/static/',
isPublished:1,
istop:false,
modifyTime:0,
publishTime:1,
permalink:'blog/static/',
commentCount:0,
mainCommentCount:0,
recommendCount:0,
bsrk:-100,
publisherId:0,
recomBlogHome:false,
currentRecomBlog:false,
attachmentsFileIds:[],
groupInfo:{},
friendstatus:'none',
followstatus:'unFollow',
pubSucc:'',
visitorProvince:'',
visitorCity:'',
visitorNewUser:false,
postAddInfo:{},
mset:'000',
remindgoodnightblog:false,
isBlackVisitor:false,
isShowYodaoAd:false,
hostIntro:'从事网页设计制作工作，一毕业就来北京寻找自己的梦想，也一直在努力着，一个个去实现梦想，有时候觉得自己很坚强，有时候觉得自己好脆弱，需要一个人的保护，属于外柔内刚吧。我一直觉得作为一个女人，女性魅力固然重要，但是知性魅力更重要，人的容貌会老去，但是知识是跟随自己一辈子的。所以我一直在追求知性人生。',
hmcon:'1',
selfRecomBlogCount:'0',
lofter_single:''
{list a as x}
{if x.moveFrom=='wap'}
{elseif x.moveFrom=='iphone'}
{elseif x.moveFrom=='android'}
{elseif x.moveFrom=='mobile'}
${a.selfIntro|escape}{if great260}${suplement}{/if}
{list a as x}
推荐过这篇日志的人：
{list a as x}
{if !!b&&b.length>0}
他们还推荐了：
{list b as y}
转载记录：
{list d as x}
{list a as x}
{list a as x}
{list a as x}
{list a as x}
{if x_index>4}{break}{/if}
${fn2(x.publishTime,'yyyy-MM-dd HH:mm:ss')}
{list a as x}
{if !!(blogDetail.preBlogPermalink)}
{if !!(blogDetail.nextBlogPermalink)}
{list a as x}
{if defined('newslist')&&newslist.length>0}
{list newslist as x}
{if x_index>7}{break}{/if}
{list a as x}
{var first_option =}
{list x.voteDetailList as voteToOption}
{if voteToOption==1}
{if first_option==false},{/if}&&“${b[voteToOption_index]}”&&
{if (x.role!="-1") },“我是${c[x.role]}”&&{/if}
&&&&&&&&${fn1(x.voteTime)}
{if x.userName==''}{/if}
网易公司版权所有&&
{list x.l as y}
{if defined('wl')}
{list wl as x}{/list}网页设计教程与开发
提供各种常见网页效果
提供各种各样的设计教程
装扮QQ，让QQ变得更酷
设计参考，提高自升水平
学习服务器和操作系统
提供各种素材和工具
收藏学习资料
您现在的位置：&&>>&&>>&&>>&&>>&正文
表单文本框失去和获取焦点时的提示效果
How to Add Hints and Auto Focus to Form Fields Using jQuery，JavaScript控制表单文本框获得焦点、失去焦点时的默认值和提示信息效果，也就是文本框在没有鼠标点击的情况下，里面默认显示有文字提示，当失去焦点时这个提示信息会改变，为得到更好的浏览效果，请使用支持HTML5的浏览器。
&!DOCTYPE html&
&meta http-equiv=&Content-Type& content=&text/ charset=utf-8& /&
&title&jQuery控制的表单默认值和提示信息效果&/title&
&script type=&text/javascript& src=&/ajaxjs/jquery-1.6.2.min.js&&&/script&
BODY{margin: 20padding: 20font-family: &Lucida Grande&, Arial, Helvetica, sans-color: #444444;font-size: 12background: #F3F1E9;}
A IMG{border:}
A{color: #0A8ECC;}
A: HOVER{text-decoration:color: #8FCB2F;}
H1{font-weight:color: #0A8ECC;margin: 0;padding: 0;}
.no-gap{margin-top: 0;padding-top: 0;}
.picture-frame{background: #FFFFFF;border: 1px solid #DEDBD2;padding: 5float:}
.picture-frame IMG{float:}
.controls{clear:float:margin: 20px 0;}
.controls UL, .controls UL LI{margin: 0;padding: 0;list-style:}
.controls UL, .controls UL LI, .controls UL LI A{float:display:}
.controls UL LI{margin-right: 3}
.controls UL LI A{padding: 4px 8background: #0A8ECC;color: #FFFFFF;font-weight:font-size: 15text-decoration:}
.controls UL LI A: HOVER{background: #8FCB2F;}
.tutorial{float:padding: 4px 4px 4px 27margin-top: 20background: #FFFFFF url() no-repeat 7}
.about{clear:color: #777777;font-size: 11padding-top: 10margin-top: 10border-top: 1px dotted #B9B4AD;}
.clear{height: 1clear:font-size: 0;line-height: 0;}
UL.thumbnails, UL.thumbnails LI{float:margin: 0;padding: 0;list-style:}
UL.thumbnails LI{display:margin-right: 10background: #FFFFFF;padding: 4border: 1px solid #D9D4CD;}
.counter{font-size: 30font-weight:color: #FFFFFF;float:background: #8FCB2F;padding: 5}
PRE.code{border: 1px dotted #B9B4AD;padding: 10background: #FFFFFF;color: #444444;}
SPAN.remark{color: #AAAAAA;}
INPUT, SELECT, TEXTAREA, BUTTON{font-family: &Lucida Grande&, Arial, Helvetica, sans-font-size: 12}
INPUT, SELECT{width: 150}
.sample-form{float:background: #FFFFFF;padding: 20}
.sample-form P{clear:float:margin: 0;padding: 3}
.sample-form P LABEL{width: 100float:}
.auto-hint{ color: #AAAAAA; }
&script type=&text/javascript&&
$(document).ready(function(){
$('.auto-focus:first').focus();
$('INPUT.auto-hint, TEXTAREA.auto-hint').focus(function(){
if($(this).val() == $(this).attr('title')){
$(this).val('');
$(this).removeClass('auto-hint');
$('INPUT.auto-hint, TEXTAREA.auto-hint').blur(function(){
if($(this).val() == '' && $(this).attr('title') != ''){
$(this).val($(this).attr('title'));
$(this).addClass('auto-hint');
$('INPUT.auto-hint, TEXTAREA.auto-hint').each(function(){
if($(this).attr('title') == ''){ }
if($(this).val() == ''){ $(this).val($(this).attr('title')); }
else { $(this).removeClass('auto-hint'); }
&div id=&page&&
&h1&How to Add Hints and Auto Focus to Form Fields Using jQuery&/h1&
&form action=&/& class=&sample-form&&
&label for=&fullname&&Full Name &em&(auto focused field)&/em&:&/label&
&input type=&text& name=&fullname& id=&fullname& class=&auto-focus& /&
&label for=&email&&Email Address:&/label&
&input type=&text& name=&email& id=&email& title=&i.e. & class=&auto-hint& /&
&label for=&phone&&Phone Number:&/label&
&input type=&text& name=&phone& id=&phone& title=&(123) 123-1234& class=&auto-hint& /&
&label for=&message&&Message:&/label&
&textarea cols=&10& rows=&4& id=&message& name=&message& class=&auto-hint& title=&Enter Your Message Here...&&&/textarea&
&button type=&submit&&Submit&/button&
&div class=&clear&&&/div&
转载请注明:破洛洛(谢谢合作)
上一篇文章： 下一篇文章：
网友评论：
[][][][][][][][][][]去掉谷歌浏览器获取焦点时默认的input、textarea的-CSS_网页制作-脚本宝典
去掉谷歌浏览器获取焦点时默认的input、textarea的
本文主要核心内容为：去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小，感兴趣的朋友可以了解下
本文主要核心内容为：去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小，感兴趣的朋友可以了解下
去掉chrome(谷歌)浏览器默认的input、textarea的边框(border)和背景(background) 及chrome下不可更改textarea大小 1、使用Chrome的都知道，当鼠标焦点在input、textarea这些元素上时，Chrome默认的会给它们加上黄色的边框，我以前一直以为这是chrome的特性，没法去掉，原来是的效果，outline这个属性。 你可以用下面的css代码去掉所有元素的边框： *:focus {outline:} 用下面的代码去掉你要去掉的元素的边框： .nohighlight:focus { outline: } 你也可以给元素增加你希望的边框： .changeborder:focus { outline:Blue Solid 4 } 2、用chrome登录了一次并记录了COOKIES之后，再次打开，CHROME记录了上次输入的内容，背景图片就会被覆盖一层淡黄色的背景色， 点击一下鼠标，背景图片才显示出来。这个怎么解决呢？我当时碰到这个问题的时候，也很头疼，至今都没有发现有什么好的办法。有发现的请分享一下。 3、chrome默认用户可以控制textarea的大小，在CSS中加入下面一句就可以了 textarea {resize:}
本文链接：本文链接：}