HTML5+CSS3+jQuery Mobile+Bootstrap开发APP从入门到精通(视频教学版)
上QQ阅读APP看书,第一时间看更新

5.1 表单概述

表单主要用于收集网页上浏览者的相关信息,其标记为<form></form>。表单的基本语法格式如下:

<form action="url" method="get|post" enctype="mime"></form>

其中,action指定处理提交表单的格式,它可以是一个URL地址或一个电子邮件地址;method指明提交表单的HTTP方法。enctype指明用来把表单提交给服务器时的互联网媒体形式。

表单是一个能够包含表单元素的区域,通过添加不同的表单元素,将显示不同的效果。


【例5.1】(实例文件:ch05\5.1.html)

<!DOCTYPE html>
<html>
<body>
<form>
下面是输入用户登录信息<br />
用户名称
<input type="text" name="user"><br />
用户密码
<input type="password" name="password"><br />
<input type="submit" value="登录">
</form>
</body>
</html>

在IE 11.0中浏览效果如图5-1所示,可以看到用户登录信息页面。

图5-1 用户登录页面