html滾動條textarea屬性設置

HTML滾動條textarea屬性設置在一個網頁中，我們可能會遇到很多需要用戶輸入的地方，對于長文本輸入，我們通常使用

標簽。如果用戶輸入的文本長度超出了<textarea>的寬度和高度，那么我們就需要使用滾動條來使用戶能夠瀏覽完整的文本。這時，就需要用到<textarea>標簽中的scrollbar屬性。<textarea>標簽的scrollbar屬性有三個可選值：yes(默認值)、no和auto。yes表示永久顯示滾動條，no表示不顯示滾動條，auto表示只在需要滾動時才顯示滾動條。下面是片段代碼：<pre><p><textarea name="content" cols="30" rows="10" scrollbar="yes"></textarea></p><p><textarea name="content" cols="30" rows="10" scrollbar="no"></textarea></p><p><textarea name="content" cols="30" rows="10" scrollbar="auto"></textarea></p></pre>如果我們將scrollbar屬性設置為yes，那么在任何情況下，滾動條都會顯示。如果我們將scrollbar屬性設置為no，那么無論文本長度如何，滾動條都不會顯示。如果我們將scrollbar屬性設置為auto，那么只有在文本長度超過<textarea>的寬度和高度時，才會顯示滾動條。所以，建議將scrollbar屬性設置為auto。<textarea>標簽還有一個重要的屬性是wrap屬性。它定義了文本框中的文本是如何被換行的。wrap屬性有兩個可選值：soft和hard。soft表示文本在到達設置寬度時換行，并在下一行繼續，而hard表示文本在到達設置寬度時強制換行。下面是一個例子：<pre><p><textarea name="content" cols="30" rows="10" wrap="soft"></textarea></p><p><textarea name="content" cols="30" rows="10" wrap="hard"></textarea></p></pre>在上面的例子中，如果我們將wrap屬性設置為soft，那么文本會在到達寬度時自然換行，在下一行繼續。如果我們將wrap屬性設置為hard，那么文本會在到達寬度時強制換行，并開啟新的一行。
總之，使用<textarea>標簽和其屬性可以方便地在網頁中實現長文本的輸入和瀏覽，并改善用戶體驗。</div><div   id="xhlfbpp"   class="share"></div><div   id="7ldvb5d"   class="Prev_Next"><div   id="7jdjpdt"   class="box">上一篇<a href="http://52shenghuonet.cn/post/1276101.html">html滾動條速度怎么設置</a></div><div   id="xtxblbt"   class="box">下一篇<a href="http://52shenghuonet.cn/post/1318402.html">java 嵌套 json</a></div></div></div><div   id="5jbhn7j"   class="related related-list"><h5>相關文章</h5><ul><li><a href="http://52shenghuonet.cn/post/1469806.html">html基礎教程都有哪些標題，詳細說明</a><span>08-04</span></li><li><a href="http://52shenghuonet.cn/post/1299849.html">html畫八卦動態代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298508.html">html電子郵件鏈接怎么設置</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298599.html">html電影代碼教程</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298398.html">html電子商城源代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298609.html">html電子相冊代碼送女友</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298930.html">html電影網頁源代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1297409.html">html田字格布局怎么設置</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1297503.html">html電商網站開源代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298538.html">html電子郵箱鏈接代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298495.html">html電子郵件鏈接代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1299073.html">html電影院訂票代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1297960.html">html電子書翻頁效果代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1298838.html">html電影介紹網站代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/1299411.html">html電腦特效代碼</a><span>06-30</span></li><li><a href="http://52shenghuonet.cn/post/615043.html">HTML中如何設置a標簽字體顏色（詳細教程，附代碼示例）</a><span>04-05</span></li><li><a href="http://52shenghuonet.cn/post/1076006.html">html 展示代碼片段</a><span>05-31</span></li><li><a href="http://52shenghuonet.cn/post/1278201.html">html灰白色代碼</a><span>06-25</span></li><li><a href="http://52shenghuonet.cn/post/1188340.html">html實現qq登錄頁面跳轉代碼</a><span>06-05</span></li><li><a href="http://52shenghuonet.cn/post/713057.html">HTML中如何刪除ins標簽（簡述HTML標簽的刪除方法）</a><span>04-23</span></li><li><a href="http://52shenghuonet.cn/post/1079471.html">html 設置半透明</a><span>05-26</span></li><li><a href="http://52shenghuonet.cn/post/715674.html">HTML圖片怎么打開（詳解打開HTML中的圖片方法）</a><span>04-24</span></li><li><a href="http://52shenghuonet.cn/post/616102.html">HTML怎么設置表情（讓你的網頁更加生動有趣）</a><span>04-04</span></li><li><a href="http://52shenghuonet.cn/post/1074112.html">html 代理代碼注入</a><span>05-31</span></li><li><a href="http://52shenghuonet.cn/post/1085386.html">html5代碼查詢</a><span>05-20</span></li><li><a href="http://52shenghuonet.cn/post/1093479.html">html5設置圓</a><span>05-14</span></li><li><a href="http://52shenghuonet.cn/post/1073111.html">html style動態設置</a><span>05-29</span></li><li><a href="http://52shenghuonet.cn/post/1066854.html">360html怎么改代碼</a><span>05-22</span></li><li><a href="http://52shenghuonet.cn/post/719521.html">HTML方法大全，讓你成為前端開發高手</a><span>04-24</span></li><li><a href="http://52shenghuonet.cn/post/725150.html">如何對HTML作業進行高效壓縮處理</a><span>04-20</span></li></ul></div></div></div></div><div   class="r5ztbfz"   id="footer"><div   id="hrvl7hr"   class="copyright"><div   id="bzt7xz5"   class="container"><p>老白網絡 (http://52shenghuonet.cn/) 前端 后端 zblog主題.<a href="http://52shenghuonet.cn/sitemap/post.html">網站地圖</a><a href="http://52shenghuonet.cn/sitemap/post.xml">xml</a></p><span>Powered By Z-BlogPHP</span></div></div></div><div   id="hrh775v"   class="bottom_tools"><a id="scrollUp" href="javascript:;" title="返回頂部"><i class="fa fa-angle-up"></i></a></div><script type="text/javascript" src="http://cdn.staticfile.org/jquery/2.2.4/jquery.min.js"></script><script src="http://cdn.yzktw.com.cn/zb_users/theme/ydproduct/script/ads.js" type="text/javascript"></script><script src="http://cdn.yzktw.com.cn/zb_users/theme/ydproduct/script/common.min.js" type="text/javascript"></script><script src="http://cdn.staticfile.org/prettify/r298/prettify.min.js" type="text/javascript"></script><script>jQuery(window).load(function(){jQuery("pre").addClass("prettyprint");prettyPrint();});</script><div   class="7xdvbbn"   id="ly_cache" data-id="1275501"></div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://52shenghuonet.cn/" title="色婷婷狠狠18禁久久YY">色婷婷狠狠18禁久久YY</a>

</div>
</div>

</footer>

色婷婷狠狠18禁久久YY,CHINESE性内射高清国产,国产女人18毛片水真多1,国产AV在线观看

網站導航

網站導航

網站分類

html滾動條textarea屬性設置