码上欢乐
首页
榜单
标签
关于
搜索
相关内容
简体
繁体
参数及
参数总结</a></h3> </center> <div class="postinfo"> 本文转载自 <i class="icon-globe"></i> <a href="/go/aHR0cHM6Ly93d3cuY25ibG9ncy5jb20vaWxhb3poYW8vcC84NTExNDkxLmh0bWw=" target="_blank">查看原文</a> <i class="icon-time"></i> <span>2018-03-05 21:29</span> <i class="icon-eye-open"></i> <span>1448 </span> <i class="icon-tag"></i> <span><a href='/tag/HTML／CSS' target="_blank">HTML/CSS</a></span> <i class="icon-star" title="1.6391"></i> </div> <hr/> <div class="media-body" id="content_div"> <div class="title_down_ad ad"> </div> <div class="post_content" id="postContent"> <h3 align="left"> </h3> <h3 align="left"><span style="font-family: monospace;"><input> 输入框</span>：</h3> <div class="cnblogs_code"> <pre><span style="font-size: 14px;"> <span style="color: #0000ff;"><</span><span style="color: #800000;">input </span><span style="color: #ff0000;">type</span><span style="color: #0000ff;">="text/password"</span><span style="color: #ff0000;"> name</span><span style="color: #0000ff;">="名称"</span><span style="color: #ff0000;"> value</span><span style="color: #0000ff;">="文本"</span> <span style="color: #0000ff;">/></span></span></pre> </div> <p align="left"><span style="color: #008000;"><code>1</code><code>、type：</code></span></p> <p align="left"><span style="color: #008000;"><code> 当type="text"时，输入框为文本</code>输入框<code>;</code></span></p> <p align="left"><span style="color: #008000;"><code> 当type="password"时,</code> <code>输入框为密码输入框。</code></span></p> <p align="left"><span style="color: #008000;"><code>2</code><code>、name：</code><code>为文本框命名，以备后台程序ASP 、PHP使用。</code></span></p> <p align="left"><span style="color: #008000;"><code>3</code><code>、value：</code><code>为文本输入框设置默认值。(一般起到提示作用)</code></span></p> <h3 align="left"><span style="color: #000000;"><code><textarea> 文本域，</code>支持多行文本输入：</span></h3> <p> </p> <div class="cnblogs_code"> <pre><span style="font-size: 14px;"><span style="color: #0000ff;"><</span><span style="color: #800000;">textarea </span><span style="color: #ff0000;">rows</span><span style="color: #0000ff;">="3"</span><span style="color: #ff0000;"> cols</span><span style="color: #0000ff;">="20"</span><span style="color: #0000ff;">></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span><span style="color: #008000;"> //两个属性可用css样式的width和height来代替：col用width、row用height来代替</span></span></pre> </div> <p> </p> <p>1、设置文本域的字体</p> <div class="cnblogs_code"> <pre><span style="color: #0000ff;"><</span><span style="color: #800000;">TEXTAREA </span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="font-size:9pt;font-family:verdana;color:#333333"</span><span style="color: #0000ff;">></span>输入内容<span style="color: #0000ff;"></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span></pre> </div> <p>2、设置文本域的背景色</p> <div class="cnblogs_code"> <pre><span style="color: #0000ff;"><</span><span style="color: #800000;">TEXTAREA </span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">=""</span><span style="color: #0000ff;">></span>输入内容<span style="color: #0000ff;"></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span></pre> </div> <p>3、文本域的虚线边框设置</p> <div class="cnblogs_code"> <pre><span style="color: #0000ff;"><</span><span style="color: #800000;">TEXTAREA </span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="border:1px dotted #6CABE7;"</span><span style="color: #0000ff;">></span>输入内容<span style="color: #0000ff;"></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span></pre> </div> <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> <p>4、文本域的实线边框设置</p> <div class="cnblogs_code"> <pre><span style="color: #0000ff;"><</span><span style="color: #800000;">TEXTAREA </span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="border:1px solid #6CABE7;"</span><span style="color: #0000ff;">></span>输入内容<span style="color: #0000ff;"></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span></pre> </div> <p>5、文本域的点线边框设置</p> <div class="cnblogs_code"> <pre><span style="color: #0000ff;"><</span><span style="color: #800000;">TEXTAREA </span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="border:2px dotted #6CABE7;"</span><span style="color: #0000ff;">></span>输入内容<span style="color: #0000ff;"></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span></pre> </div> <p>6、 设置文本域的背景图</p> <div class="cnblogs_code"> <pre><span style="color: #0000ff;"><</span><span style="color: #800000;">TEXTAREA </span><span style="color: #ff0000;">STYLE</span><span style="color: #0000ff;">="background-attachment: fixed; background-image: url(背景图所处位置)"</span><span style="color: #0000ff;">></</span><span style="color: #800000;">textarea</span><span style="color: #0000ff;">></span></pre> </div> <p> </p> <p> </p> <pre name="code" class="code"><span style="font-size: 15px;"><strong> </strong></span></pre> </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/5ad3921.html" title="<input>和<textarea>"> <i class="icon-file"></i> <input>和<textarea> </a> <a class='list-group-item' href="/blog/33194a1.html" title="HTML:form表单总结，input，select，option，textarea，label"> <i class="icon-fire"></i> HTML:form表单总结，input，select，option，textarea，label </a> <a class='list-group-item' href="/blog/83affb1.html" title="javascript函数参数总结"> <i class="icon-file"></i> javascript函数参数总结 </a> <a class='list-group-item' href="/blog/a89e291.html" title="Redis info参数总结"> <i class="icon-fire"></i> Redis info参数总结 </a> <a class='list-group-item' href="/blog/9f8a961.html" title="python中参数总结"> <i class="icon-fire"></i> python中参数总结 </a> <a class='list-group-item' href="/blog/2f5a471.html" title="Python函数参数总结"> <i class="icon-fire"></i> Python函数参数总结 </a> <a class='list-group-item' href="/blog/aef2011.html" title="SpringMVC请求参数总结"> <i class="icon-file"></i> SpringMVC请求参数总结 </a> <a class='list-group-item' href="/blog/c9264f1.html" title="pyinstaller参数介绍以及总结"> <i class="icon-fire"></i> pyinstaller参数介绍以及总结 </a> <a class='list-group-item' href="/blog/a94b5e1.html" title="pyinstaller参数介绍以及总结"> <i class="icon-file"></i> pyinstaller参数介绍以及总结 </a> <a class='list-group-item' href="/blog/6416bd1.html" title="jersey获取各个参数的总结"> <i class="icon-file"></i> jersey获取各个参数的总结 </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=20251012"></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>
