给textarea输入框添加默认提示文字_站长素材站移动端_网页特效代码大全

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

时间:2018-12-22 16:05 来源:网络

所需金币：注册会员免费下载推荐等级：★★★☆☆ 更新时间：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>

下载地址

百度网盘提取码：284z
提取码：无

下载说明

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

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

表格/表单特效

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

时间:2018-12-22 16:05 来源:网络