HTML Form表单

Манго нектар2024-09-24 21:07

表单在Web网页中用来给用户填写信息，从而能采用用户信息，使网页具有交互功能。所有的用户输入内容的地方都用表单来写，如登录注册等。

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

属性说明

action: 服务器地址

name: 表单的名称

method中get与post是有区别的：get是把提交的数据url可以看到，post看不到。get一般用于提交少量数据，post用于提交大量数据。

html 复制代码

  <form action="" name="" method="get/post"></form>

表单元素

文本框

文本域通过<input type="text" > 标签来设定，当用户要求在表单中输入文本时，就会用到文本域。

html 复制代码

 <form action="" name="" method="get/post">
    <input type="text">
   </form>

密码框

密码字段是通过标签<input type="password"> 来定义的。（密码字段字符不会明文显示，而是以星号或圆点表示）。

html 复制代码

<form action="" name="" method="get/post">
    <input type="password">
   </form>

提交按钮

提交按钮由<input type="button"> 标签来定义，当用户点击提交按钮时，表单的内容会被传送到另一个文件，表单的动作属性定义了目的文件的文件名，由动作属性定义的这个文件通常会对接收到的输入数据进行相关处理。

html 复制代码

<form action="" name="" method="get/post">
    账号：<input type="text"><br>
    密码：<input type="password">
    <input type="button" value="提交">
   </form>