网页特效代码_站长素材站移动版

表格/表单特效

主页 > 网页特效 > 表格/表单特效 >

给textarea输入框添加默认提示文字

GIF动图:给textarea输入框添加默认提示文字
所需金币: 注册会员免费下载 推荐等级:★★★☆☆ 更新时间:2018-12-22 效果演示:演示网址 下载列表 下载点击: /
特效简介
给textarea文本框添加一句默认的提示文字,鼠标点击激活文本框 提示文字自动消失。

<!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=utf-8" />
        <title>给textarea输入框添加默认提示文字丨站长素材站丨www.zzscz.com</title>
        <style type="text/css">
             body{font-size:12px;}
             p,div{margin:0;padding:0}
             .textarea{
            width:350px;height:80px;position:absolute;background:none;z-index:9
            }
             .note{
             position:absolute;line-height:20px;padding:3px 5px;
             }
        </style>
    </head>
<body>
    <div style="position:relative; margin:50px auto; width:360px;">
        <textarea class="textarea" onFocus="document.getElementById('note').style.display='none'" onBlur="if(value=='')document.getElementById('note').style.display='block'"></textarea>
        <div id="note" class="note" style="position:absolute;line-height:20px;padding:3px 5px;">
            <font color="#777">这句话是默认的提示文字,鼠标点击输入框则自动消失。在这里写入你对服务商的额外要求,服务商等级,好评率等</font>
        </div>
    </div>
</body>
 </html>

0
下载地址
  • 百度网盘提取码:284z
  • 微云网盘提取码:q8krch
下载说明

· 本站下载链接均为网盘下载(百度网盘 & 微云网盘);
· 推荐使用第三方专业下载工具下载本站软件,使用 WinRAR v3.10 以上版本解压本站软件;
· 如果这个软件总是不能下载的请点击报告错误,谢谢合作!!
· 下载本站资源,如果服务器暂不能下载请过一段时间重试!
· 本站提供的一些商业软件是供学习研究之用,如用于商业用途,请购买正版。


    468x60