表单中的文字字段text

2012/11/21 15:10:49作者：佚名来源：网络

移动端

【实例介绍】

表单中的文字字段text

当type设置为text时，表示单行文本框，在其中可输入任何类型的文本、数字或字母，输入的内容以单行显示。

【基本语法】

【语法介绍】

在该语法中包含了很多参数，它们的含义和取值方法如表所示。

文本字段text的参数值
属性                       描述
name            文字字段的名称，用于和页面中其他控件加以区别。名称由英文、数字以及下画线组成，有大小写之分
type               指定插入哪种表单对象，如type=”text”，即插入文字字段
value             设置文本框的默认值
size                确定文本字段在页面中显示的长度，以字符为单位
maxlength    设置文本字段中最多可以输入的字符数

【实例代码】


<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">标记将文本域的名称设置为textfield，长度设置为20，最多字符数设置为15，在浏览器中浏览，效果如图所示。

文字字段text运行效果
【素材及源码下载】