如何设置textarea清除按钮

 时间:2026-02-14 19:00:19

1、浏览一些Blog时,会看到在留言框、搜索栏或者Email订阅栏中有一段默认的文本,比如“Type your comment here”

如何设置textarea清除按钮

2、如果你在其中点击(窗体获取焦点),这段默认的文本就会自动消失。实现这种效果非常简单: 在Header.php中添加如下脚本:<head> 

如何设置textarea清除按钮

3、//脚本要放在head标签里面 

<script type="text/javascript"> 

   function clearDefault(el) { 

if (el.defaultValue==el.value) el.value = "" 

如何设置textarea清除按钮

4、</script> 

... 

</head>

如果是输入栏(Input),在其中添加一个onfocus参数,如:<input type="text" id="input_email_address" name="email" class="input" value="Your Email Address" 

如何设置textarea清除按钮

5、onfocus="clearDefault(this)" />

如果是文本域,添加的onfocus参数如下:<textarea name="comment" id="input_comment" rows="10" class="input textarea" 

如何设置textarea清除按钮

6、onfocus="this.value=''; this.onfocus=null;" >Type your comment here</textarea>

如何设置textarea清除按钮

如何设置textarea清除按钮

  • 密室逃脱23迷失俱乐部第18关攻略
  • 密室逃脱22海上惊魂罪恶之路攻略10兄弟为何反目
  • 密室逃脱18移动迷城31关怎么打开巨大墙尸骸头骨
  • 黄昏3:战纪传说第二十章攻略
  • 《密室逃脱》15 《死亡交响曲》第11关如何通关
  • 热门搜索
    过敏性咳嗽如何治疗 如何减小咬肌 lp是什么意思 凤姐的白领生活 霜狼兽人声望怎么刷 dlna怎么用 茶鸡蛋怎么做好吃 德世朗怎么样 呼伦贝尔学院怎么样 淘宝宝贝怎么上架