1、认识表单

1.1 表单的构成

在网页中,一个完整的表单通常由表单控件(也称为表单元素)、提示信息和表单域三个部分构成。
image.png
1、表单控件:包含了具体的表单功能项,如单行文本输入框、密码输入框、复选框、提交按钮、搜索框等。
2、提示信息:一个表单中通常还需要包含一些说明性的文字,提示用户进行填写和操作。
3、表单域:相当于一个容器,用来容纳所有的表单空间和提示信息,可以通过它定义、处理表单数据所用程序的URL地址及数据提交到服务器的方法。如果不定义表单域,表单中的数据就无法传动到后台服务器。

1.2 创建表单

基本元素:


各种表单控件

功能:
标签用于为用户输入创建HTML表单。表单能够包含input元素,比如文字段、复选框、单选框、提交按钮等等。表单用于向服务器传输数据。

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8" />
  5. </head>
  6. <body>
  7. <form action="http://www.baidu.com" method="get">
  8. 姓名:<input type="text" value="小李" /><br />
  9. 密码:<input type="password" value="123123" /><br />
  10. </form>
  11. </body>
  12. </html>

7.1 认识表单 - 图2
代码讲解:
image.png