制作 Text Box




今天来分享怎样弄 Text Box。Text Box 有几种类型哦!

1。第一种,也就是最普通简单的 Text Box。它的 code 是:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">文字在这里</textarea>

红色的号码是你的 Text Box 的高度和宽度。
黄色 Highlight 的是你 Text Box 的背景颜色。
Text Box 的例子如下:





2。第二种,当鼠标按那个 Text Box 时,Text Box 里的内容会有 Highlight。它的 code 是:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #F8E0E0;" onclick="this.focus();this.select()" >文字在这里</textarea>

红色的号码是你的 Text Box 的高度和宽度。
黄色 Highlight 的是你 Text Box 的背景颜色。
Text Box 的例子如下:




3。第三种,当滑鼠移过  Text Box 时,里面的内容自动 Highlight。它的 code:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #F8E0E0;" onmouseover="this.focus()" onfocus="this.select()" >文字在这里</textarea>


红色的号码是你的 Text Box 的高度和宽度。
黄色 Highlight 的是你 Text Box 的背景颜色。
Text Box 的例子如下:





4。你可以选择把 Text Box 放在帖子里,或着 Gadget 那边。:D
如果放在帖子里,就把 code paste 在 Edit HTML 那边。
如果在 Gadget,就到 Design > Add a Gadget > HTML/Java Script



————完成!————
成功了按按下面的广告进去看看支持我 :D



Comments