今天心血来潮，想试试用 HTML 做个文本框，就是那种可以输入文字的小框框。说干就干，我立马打开我的编辑器。
先来个单行文本框
我记得最简单的文本框好像是用 input 标签，然后 type 属性设置成 text 就行。于是我敲下这行代码：
<input type="text" />
保存，浏览器打开一看，还真出来！就是一个光秃秃的小框，啥也没有。不过能输入文字，基本功能是有。
我想着给它加个提示文字，告诉用户这里要输入又加个 placeholder 属性：
<input type="text" placeholder="请输入用户名" />
这下好多，框框里有灰色的提示文字，看着舒服多。
再试试多行文本框
光有单行文本框还不够，有时候需要输入一大段文字，比如评论啥的。我又去翻翻资料，发现多行文本框要用 textarea 标签。
<textarea></textarea>
这回我直接把开始和结束标签都写上。保存，刷新，一个更大的框框出现！我试着输入几行文字，果然可以换行，完美！
不过这个框框有点丑，我想着能不能调调大小。又加两个属性，rows 和 cols：
<textarea rows="5" cols="30"></textarea>
rows 代表行数，cols 代表列数。我设置成 5 行 30 列，这下框框的大小就顺眼多。
让文本框变透明
我还看到有人说可以把文本框的背景弄成透明的，感觉挺酷炫，我也想试试。又是一顿搜索，找到这个 style 属性：
<input type="text" style="background:transparent;border:1px solid #ffffff" />
- background:transparent; 这个是让背景透明
- border:1px solid #ffffff 这个是设置边框，1 像素宽，实线，白色
效果还不错,一个透明的文本框,挺有意思。
今天就折腾到这里，HTML 文本框的基本用法算是摸清楚。以后需要用到的时候，直接把这些代码拿出来改改就行，方便！