HTML——input之单行文本框

在 HTML 中，把 <input> 标签的 type 属性设置为 text 可以表示单行文本框，又叫做常规文本框。具体语法格式如下：

<input type="text" />

　　

例子：

<form action="http://vip.biancheng.net/login.php" method="post" name="myForm">
    用户名:<input type="text" name="username" value="C语言中文网"/>
</form>

属性：

（1）maxlength属性

在 <form> 表单中，允许使用 maxlength 属性设置文本框中最多可以输入的字符数量（包括空格）。如果我们要对年龄输入框设置，可以这样写：

<form action="http://vip.biancheng.net/login.php" method="post" name="myForm">
     年龄:<input type="text" name="age" maxlength="3" />
</form>

当用户输入第 4 个字符时，不再允许输入。

（2）size属性

size 属性用来定义文本框可见的字符数。可以这样使用：

<form action="http://vip.biancheng.net/login.php" method="post" name="myForm">
     年龄:<input type="text" name="age" size="3" />
</form>

与 maxlength 不同的是，size 定义的是文本框可见的字符数，当用户输入的字符数超出这个值时，还可以输入只是不再显示。