表單中的文字字段text

2012/11/21 15:10:49作者：佚名來源：網(wǎng)絡(luò)

移動端

【實(shí)例介紹】

表單中的文字字段text

當(dāng)type設(shè)置為text時(shí)，表示單行文本框，在其中可輸入任何類型的文本、數(shù)字或字母，輸入的內(nèi)容以單行顯示。

【基本語法】

【語法介紹】

在該語法中包含了很多參數(shù)，它們的含義和取值方法如表所示。

文本字段text的參數(shù)值
屬性                       描述
name            文字字段的名稱，用于和頁面中其他控件加以區(qū)別。名稱由英文、數(shù)字以及下畫線組成，有大小寫之分
type               指定插入哪種表單對象，如type=”text”，即插入文字字段
value             設(shè)置文本框的默認(rèn)值
size                確定文本字段在頁面中顯示的長度，以字符為單位
maxlength    設(shè)置文本字段中最多可以輸入的字符數(shù)

【實(shí)例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字字段</title>
</head>
<body>
<table width="100%" cellspacing="0" cellpadding="0">
  <tr>
    <td><form action="mailto:weixiao@foxw.com" name="form1" 
method="post" enctype="application/x-www-form-urlencoded"target="_blank" >
    用戶名：<input name="textfield" type="text" size="20" maxlength="15" />
    </form>
     </td>
  </tr>
</table>
</body>
</html>

【代碼分析】

在代碼中，加粗的<input name="textfield"type="text"size="20"maxlength="15">標(biāo)記將文本域的名稱設(shè)置為textfield，長度設(shè)置為20，最多字符數(shù)設(shè)置為15，在瀏覽器中瀏覽，效果如圖所示。

文字字段text運(yùn)行效果
【素材及源碼下載】