第二章网站开发基础之HTML教程 - 二、常用HTML标签：form，表单（块级元素）

最新推荐文章于 2023-01-02 21:27:42 发布

陈子2005

最新推荐文章于 2023-01-02 21:27:42 发布

阅读量617

点赞数 1

分类专栏：陈子-零基础网站开发教程文章标签： html javascript css html5 前端

本文链接：https://blog.csdn.net/klyz505/article/details/105441752

版权

陈子-零基础网站开发教程专栏收录该内容

48 篇文章 2 订阅

订阅专栏

5.form，表单（块级元素）

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>form标签</title>
</head>
<body>
<form action="chk_login.php" method="post">
帐号：<input name="username" type="text" maxlength="20"><br>
密码：<input name="pwd" type="password" maxlength="32"><br>
<input name="submit" type="submit" value="提交登录">
</form>
</body>
</html>

效果如下：

（图2-38）

    textarea、select、input等表单控件标签必须嵌在表单标签form里才能将其数据提交到数据处理页去，在form标签外则其数据不会被提交。即一个表单由form标签及该标签中的表单控件标签组成。
    form标签的action属性指定了接收表单数据的网页；method属性指定了表单发送数据的形式，值取post或get。post是隐式的发送数据，get则是以地址栏形式发送数据。通常表单都是使用post形式发送数据，post方式支持大量数据传输，而get形式在很多浏览器里都被限制发送的数据量，如单个表单控件里的数据内容只能发送255个字节，多了会丢失。
    表单数据接收页在接收数据时需要用网页程序代码来编写，在后面的PHP章节中另行讲解。
    一个页面可以有多个表单（多个form标签），但每个form标签里不能再嵌套form标签。