HTML10：Form表单

一、简介

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

表单由容器和控件组成。

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

二、属性

1、action 服务器地址

2、name 表单名称

3、method中get/post区别：

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

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

 三、元素

1、表单标签

2、表单域

3、表单按钮

<form action="">
        <input type="text">
        <input type="submit"> 
</form>

 文本框

文本域通过<input type="text">标签来设定，输入字母、数字等内容时就会用到文本域。

<form action="">
        First name:<input type="text" name="firstname">
        <br>
        Last name:<input type="text" name="lastname">
</form>

密码框

 密码域通过<input type="password">标签来设定

<form action="">
        用户名:<input type="text" name="firstname">
        <br>
        密码:<input type="password" name="lastname">
</form>

 提交按钮

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

<form action="url" name="input" method="get">
        用户名:<input type="text" name="user">
        <br>
        <input type="submit" value="提交">
</form>