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 定義的是文本框可見的字符數，當用戶輸入的字符數超出這個值時，還可以輸入只是不再顯示。