網(wǎng)站導(dǎo)航

html滾動條textarea屬性設(shè)置

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

標(biāo)簽。如果用戶輸入的文本長度超出了<textarea>的寬度和高度，那么我們就需要使用滾動條來使用戶能夠?yàn)g覽完整的文本。這時(shí)，就需要用到<textarea>標(biāo)簽中的scrollbar屬性。<textarea>標(biāo)簽的scrollbar屬性有三個(gè)可選值：yes(默認(rèn)值)、no和auto。yes表示永久顯示滾動條，no表示不顯示滾動條，auto表示只在需要滾動時(shí)才顯示滾動條。下面是片段代碼：<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屬性設(shè)置為yes，那么在任何情況下，滾動條都會顯示。如果我們將scrollbar屬性設(shè)置為no，那么無論文本長度如何，滾動條都不會顯示。如果我們將scrollbar屬性設(shè)置為auto，那么只有在文本長度超過<textarea>的寬度和高度時(shí)，才會顯示滾動條。所以，建議將scrollbar屬性設(shè)置為auto。<textarea>標(biāo)簽還有一個(gè)重要的屬性是wrap屬性。它定義了文本框中的文本是如何被換行的。wrap屬性有兩個(gè)可選值：soft和hard。soft表示文本在到達(dá)設(shè)置寬度時(shí)換行，并在下一行繼續(xù)，而hard表示文本在到達(dá)設(shè)置寬度時(shí)強(qiáng)制換行。下面是一個(gè)例子：<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屬性設(shè)置為soft，那么文本會在到達(dá)寬度時(shí)自然換行，在下一行繼續(xù)。如果我們將wrap屬性設(shè)置為hard，那么文本會在到達(dá)寬度時(shí)強(qiáng)制換行，并開啟新的一行。
總之，使用<textarea>標(biāo)簽和其屬性可以方便地在網(wǎng)頁中實(shí)現(xiàn)長文本的輸入和瀏覽，并改善用戶體驗(yàn)。</div><div   id="ddvz75x"   class="share"></div><div   id="7xzn5rt"   class="Prev_Next"><div   id="tfl5ffd"   class="box">上一篇<a href="http://www.lofty888.cn/post/1276101.html">html滾動條速度怎么設(shè)置</a></div><div   id="xtxbxlj"   class="box">下一篇<a href="http://www.lofty888.cn/post/1318402.html">java 嵌套 json</a></div></div></div><div   id="bnd75p5"   class="related related-list"><h5>相關(guān)文章</h5><ul><li><a href="http://www.lofty888.cn/post/1469806.html">html基礎(chǔ)教程都有哪些標(biāo)題，詳細(xì)說明</a><span>08-04</span></li><li><a href="http://www.lofty888.cn/post/1299849.html">html畫八卦動態(tài)代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298508.html">html電子郵件鏈接怎么設(shè)置</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298599.html">html電影代碼教程</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298398.html">html電子商城源代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298609.html">html電子相冊代碼送女友</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298930.html">html電影網(wǎng)頁源代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1297409.html">html田字格布局怎么設(shè)置</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1297503.html">html電商網(wǎng)站開源代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298538.html">html電子郵箱鏈接代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298495.html">html電子郵件鏈接代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1299073.html">html電影院訂票代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1297960.html">html電子書翻頁效果代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1298838.html">html電影介紹網(wǎng)站代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/1299411.html">html電腦特效代碼</a><span>06-30</span></li><li><a href="http://www.lofty888.cn/post/615043.html">HTML中如何設(shè)置a標(biāo)簽字體顏色（詳細(xì)教程，附代碼示例）</a><span>04-05</span></li><li><a href="http://www.lofty888.cn/post/1076006.html">html 展示代碼片段</a><span>05-31</span></li><li><a href="http://www.lofty888.cn/post/1278201.html">html灰白色代碼</a><span>06-25</span></li><li><a href="http://www.lofty888.cn/post/1188340.html">html實(shí)現(xiàn)qq登錄頁面跳轉(zhuǎn)代碼</a><span>06-05</span></li><li><a href="http://www.lofty888.cn/post/713057.html">HTML中如何刪除ins標(biāo)簽（簡述HTML標(biāo)簽的刪除方法）</a><span>04-23</span></li><li><a href="http://www.lofty888.cn/post/1079471.html">html 設(shè)置半透明</a><span>05-26</span></li><li><a href="http://www.lofty888.cn/post/715674.html">HTML圖片怎么打開（詳解打開HTML中的圖片方法）</a><span>04-24</span></li><li><a href="http://www.lofty888.cn/post/616102.html">HTML怎么設(shè)置表情（讓你的網(wǎng)頁更加生動有趣）</a><span>04-04</span></li><li><a href="http://www.lofty888.cn/post/1074112.html">html 代理代碼注入</a><span>05-31</span></li><li><a href="http://www.lofty888.cn/post/1085386.html">html5代碼查詢</a><span>05-20</span></li><li><a href="http://www.lofty888.cn/post/1093479.html">html5設(shè)置圓</a><span>05-14</span></li><li><a href="http://www.lofty888.cn/post/1073111.html">html style動態(tài)設(shè)置</a><span>05-29</span></li><li><a href="http://www.lofty888.cn/post/1066854.html">360html怎么改代碼</a><span>05-22</span></li><li><a href="http://www.lofty888.cn/post/719521.html">HTML方法大全，讓你成為前端開發(fā)高手</a><span>04-24</span></li><li><a href="http://www.lofty888.cn/post/725150.html">如何對HTML作業(yè)進(jìn)行高效壓縮處理</a><span>04-20</span></li></ul></div></div></div></div><div   class="jvpvzpf"   id="footer"><div   id="xvphzzp"   class="copyright"><div   id="t7djprv"   class="container"><p>老白網(wǎng)絡(luò) (http://www.lofty888.cn/) 前端 后端 zblog主題.<a href="http://www.lofty888.cn/sitemap/post.html">網(wǎng)站地圖</a><a href="http://www.lofty888.cn/sitemap/post.xml">xml</a></p><span>Powered By Z-BlogPHP</span></div></div></div><div   id="fd77tjz"   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="7bntzlj"   id="ly_cache" data-id="1275501"></div>
<footer>
<div class="friendship-link">
<p>感谢您访问我们的网站，您可能还对以下资源感兴趣：</p>
<a href="http://www.lofty888.cn/" title="欧美一区二区三区">欧美一区二区三区</a>

</div>
</div>

</footer>

欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

網(wǎng)站導(dǎo)航

網(wǎng)站導(dǎo)航

網(wǎng)站分類

html滾動條textarea屬性設(shè)置