HTML标签_Form表单

最新推荐文章于 2023-12-21 17:10:44 发布

NewBurlaSKing

最新推荐文章于 2023-12-21 17:10:44 发布

阅读量491

点赞数

分类专栏： HTML学习文章标签： servlet 前端 java

本文链接：https://blog.csdn.net/qq_55961861/article/details/126198368

版权

HTML学习专栏收录该内容

27 篇文章 0 订阅

订阅专栏

一.Form介绍

表单在 Web 网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能。

所有的用户输入内容的地方都用表单来写，如登录注册、搜索框。

表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框,按钮等，这些输入框,按钮叫做控件,表单就是容器,它能够容纳各种各样的控件。

<form action="url" method="get|post" name="myform"></form>

属性说明

action服务器地址

name表单名称

method中Get和Post的区别

1 数据提交方式，get把提交的数据url可以看到，post看不到

2 get一般用于提交少量数据，post用来提交大量数据

表单元素

表单标签 <form>
表单域 就是包含在<form>``</form>标签内的 input中存储的数据 什么文本框，密码框，复选框，隐藏框等框框
表单按钮

表单元素中表单域的介绍

文本框

文本域通过<input type='text'>标签来设定，当用户要在表单中键入字母、数字等内容时，就会用到文本域

密码框

密码字段通过标签<input type="password">来定义

表单按钮

提交按钮

当用户单击确认按钮时，表单的内容会被传送到另一个文件。表单的动作属性定义了目的文件的文件名。由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理。

二.表单练习

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    账号：<input type="text">
    密码：<input type="password">
    <input type="submit" value="登入">
</body>
</html>