码上快乐
1秒登录
首页
榜单
标签
关于
搜索
相关内容
简体
繁体
/
输入框设置默认提示文字（隐藏式）</a></h3> </center> <div class="postinfo"> 本文转载自 <i class="icon-globe"></i> <a href="/go/aHR0cHM6Ly93d3cuY25ibG9ncy5jb20vTWEtLUNoYW8vcC8xMTM3NDQ2NC5odG1s" target="_blank">查看原文</a> <i class="icon-time"></i> <span>2019-08-18 23:11</span> <i class="icon-eye-open"></i> <span>1083 </span> <i class="icon-tag"></i> <span><a href='/tag/java' target="_blank">java</a>/</span> <span><a href='/tag/input>' target="_blank">input></a>/</span> <span><a href='/tag/html' target="_blank">html</a>/</span> <span><a href='/tag/样式设置' target="_blank">样式设置</a>/</span> <span><a href='/tag/<' target="_blank"><</a>/</span> <span><a href='/tag/textarea>' target="_blank">textarea></a></span> <i class="icon-star" title="3.0577"></i> <i class="icon-star" title="3.0577"></i> <i class="icon-star" title="3.0577"></i> </div> <hr/> <div class="media-body" id="content_div"> <div class="title_down_ad ad"> </div> <div class="post_content" id="postContent"> <p> </p> <p><strong><span style="font-family: 宋体; font-size: 18px;">html代码如下：</span></strong></p> <p><span style="font-family: 宋体; font-size: 18px;"><span style="font-family: 宋体; font-size: 18px;"><<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">tr> <br><span style="font-family: 宋体; font-size: 18px;"> <<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td>签 名：</<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td> <br><span style="font-family: 宋体; font-size: 18px;"> <<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td><<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">input <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">type<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">="text" <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">name<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">="signal" <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">value<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">=""<span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">></<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td> <br><span style="font-family: 宋体; font-size: 18px;"></<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">tr><br><span style="font-family: 宋体; font-size: 18px;"> <<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">tr> <br><span style="font-family: 宋体; font-size: 18px;"> <<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td>个人简介：</<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td> <br><span style="font-family: 宋体; font-size: 18px;"> <<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">colspan<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">="4"><<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">textarea <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">name<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">="description" <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">cols<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">="78" <span style="color: #0000ff; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">rows<span style="color: #008000; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">="5" <span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">textarea></<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">td> <br><span style="font-family: 宋体; font-size: 18px;"></<span style="color: #000080; font-weight: bold;"><span style="font-family: 宋体; font-size: 18px;">tr></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></p> <p><span style="font-family: 宋体; font-size: 18px;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #333333;">代码为简单的表单样式，现在这是没有设置提示文字下图：</span><br><img src="/image/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTc0NDQ3My8yMDE5MDgvMTc0NDQ3My0yMDE5MDgxODIzMDI1Mzk3NC0xNTQwMzMxODUxLnBuZw==.png" alt="" referrerpolicy="no-referrer"></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></p> <p> <span style="font-size: 18px;">在代码中插入placeholder属性就可以设置你想显示的提示文字</span></p> <pre><span style="color: #0000ff; font-weight: bold;"> <img src="/image/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTc0NDQ3My8yMDE5MDgvMTc0NDQ3My0yMDE5MDgxODIzMDc0MjUzOS02MDI2MDU3NTcucG5n.png" alt="" referrerpolicy="no-referrer"><br><span style="color: #333333; font-size: 18px;">显示效果如下：</span></span></pre> <p><span style="font-family: 宋体; font-size: 18px;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #0000ff; font-weight: bold;"><span style="color: #008000; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><span style="color: #000080; font-weight: bold;"><img src="/image/aHR0cHM6Ly9pbWcyMDE4LmNuYmxvZ3MuY29tL2Jsb2cvMTc0NDQ3My8yMDE5MDgvMTc0NDQ3My0yMDE5MDgxODIzMDQzMjM1MC0xMzEwMDkwNTUzLnBuZw==.png" alt="" referrerpolicy="no-referrer"></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></span></p> <p> </p> <ins class="adsbygoogle" style="display:block; text-align:center;" data-ad-layout="in-article" data-ad-format="fluid" data-ad-client="ca-pub-4353345653789615" data-ad-slot="4890554435"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({});</script> </div> <div class="read-more" id="read-more" style="display:none"></div> <div class="alert alert-info" style="margin-top:20px;"> <p id="tips_top1"> </p> </div> <script type="text/javascript"> $("#tips_top1").append("<strong><i class=\"icon-fire\"></i>温馨提示：</strong>如果本文未解决您的问题，可以免费向大模型提问：<strong><a href='javascript:void(0)' class='gptbtn'>向AI大模型提问</a></strong>。"); </script> <div class="iframe-container"> </div> </div> <div class="ad_content_down ad"> </div> </div> <div class="disclaimer visible-desktop"> <br/> <div class="alert alert-block"> <button type="button" class="close" data-dismiss="alert">×</button> <h4>免责声明！</h4> <p>本站转载的文章为个人学习借鉴使用，本站对版权不负任何法律责任。如果侵犯了您的隐私权益，请联系本站邮箱yoyou2525@163.com删除。</p> </div> <br/><br/> </div> </div> <!-- 右边相关博客和资料 --> <div class="span4 left_content"> <div id="left_list_div" class="left_content"> <span class="list-group-item" href="javascript:void(0)"><i class="icon-filter"></i><strong>猜您在找</strong></span> <a class='list-group-item' href="/blog/5d4fce1.html" title="<textarea>输入框提示文字"> <i class="icon-fire"></i> <textarea>输入框提示文字 </a> <a class='list-group-item' href="/blog/a51c3e1.html" title="输入框的提示文字的样式设置"> <i class="icon-file"></i> 输入框的提示文字的样式设置 </a> <a class='list-group-item' href="/blog/5b16911.html" title="input 标签实现带提示文字的输入框"> <i class="icon-fire"></i> input 标签实现带提示文字的输入框 </a> <a class='list-group-item' href="/blog/c38d231.html" title="修改input输入框placeholder文字默认颜色"> <i class="icon-file"></i> 修改input输入框placeholder文字默认颜色 </a> <a class='list-group-item' href="/blog/2f214b1.html" title="input输入框默认文字，点击消失"> <i class="icon-fire"></i> input输入框默认文字，点击消失 </a> <a class='list-group-item' href="/blog/9cd25e1.html" title="input和textarea框中点击文字消失,默认字体是灰色,,输入时字体变成黑色"> <i class="icon-file"></i> input和textarea框中点击文字消失,默认字体是灰色,,输入时字体变成黑色 </a> <a class='list-group-item' href="/blog/8742671.html" title="input、textarea等输入框输入中文时，拼音在输入框内会触发input事件的问题"> <i class="icon-file"></i> input、textarea等输入框输入中文时，拼音在输入框内会触发input事件的问题 </a> <a class='list-group-item' href="/blog/7c436f1.html" title="控制input输入框中提示信息的显示和隐藏的方法"> <i class="icon-file"></i> 控制input输入框中提示信息的显示和隐藏的方法 </a> <a class='list-group-item' href="/blog/c75d9b1.html" title="css input,textarea 输入框光标颜色修改"> <i class="icon-file"></i> css input,textarea 输入框光标颜色修改 </a> <a class='list-group-item' href="/blog/8669181.html" title="jQuery -- 监听input、textarea输入框值变化"> <i class="icon-fire"></i> jQuery -- 监听input、textarea输入框值变化 </a> <div id="right_float_ad" class="ad"> </div> </div> </div> </div> </div> <div class="clear"> </div> <div class="fbar" style="z-index:100"> <div class="span7" style="color:grey;font-size:12px;"> </div> <div class="pull-right"> <span><a href="http://beian.miit.gov.cn" rel="nofollow" target="_blank">粤ICP备18138465号</a> </span><span>© 2018-2025 CODEPRJ.COM </span> </div> </div> <script src="/js/code.js?version=20250506"></script> <script> function buffer(a, b, c) { var d; return function() { if (d) return; d = setTimeout(function() { a.call(this), d = undefined }, b) } } (function() { function e() { var d = document.body.scrollTop || document.documentElement.scrollTop; d > b ? (a.className = "div1 div2", c && (a.style.top = d - b + "px")) : a.className = "div1" } var a = document.getElementById("float"); if (a == undefined) return ! 1; var b = 0, c, d = a; while (d) b += d.offsetTop, d = d.offsetParent; c = window.ActiveXObject && !window.XMLHttpRequest; if (!c || !0) window.onscroll = buffer(e, 50, this) })(); </script> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "https://hm.baidu.com/hm.js?85c5e8e7b6167edfc87cb0607142e870"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script> </body> </html>
