JS實現(xiàn)為textatea加橫向滾動條

2012/11/9 19:07:56作者：佚名來源：網(wǎng)絡(luò)

移動端

【實例名稱】

【實例描述】

textarea用來輸入多行文本，默認(rèn)只有垂直滾動條。本例學(xué)習(xí)如何實現(xiàn)文本框的水平滾動條。

【實例代碼】

<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
<title>標(biāo)題頁-學(xué)無憂（yzddtk.cn）</title>
</head>
<body>
<textarea  wrap="off"></textarea>
</body>
</html>

【運行效果】

為textatea加橫向滾動條運行效果

【難點剖析】

本例的重點是textarea的“wrap”屬性。此屬性用來控制文本框是否換行。如果此值設(shè)為“off”則文本框內(nèi)字符超過文本框的寬度時會出現(xiàn)水平滾動條，但不自動換行。如果此值設(shè)置為“soft”，則將出現(xiàn)word中軟回車的效果，即文本中字符串超過文本框?qū)挾葧r文本會自動換行。

【源碼下載】

為了JS代碼的準(zhǔn)確性，請點擊：JS實現(xiàn)為textatea加橫向滾動條進(jìn)行本實例源碼下載

標(biāo)簽： JS實現(xiàn) textatea 滾動條