HTML——input之單行文字框
阿新 • • 發佈:2021-09-30
在 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 定義的是文字框可見的字元數,當用戶輸入的字元數超出這個值時,還可以輸入只是不再顯示。