1. 程式人生 > 其它 >HTML——input之單行文字框

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