py系统学习笔记：第七阶段：网页编程基础：第一章：HTML5：14. Form表单

• 目录

  简述form表单

  form表单属性

  代码：

  相关解释：

  表单标签——文本框

  案例：创建两个文本框

  效果：

  表格标签——密码框

  案例：设定一个密码框

  效果：

  表格标签——提交按钮

  当用户单击确认按钮时，表单的内容会被传送到另一个文件。

  案例：创建一个与文本框有关的提交按钮

  效果：

  ---

• 简述form表单

  • 表单是由容器和控件组成的,一个表单一般应该包含用户填写信息的输入框、按钮等，
  • 表单在 Web 网页中用来给用户填写信息，从而能采用户信息，使网页具有交互的功能。
  • 表单就是容器,它能够容 纳各种各样的控件
  • 一个完整的表单包含三个基本组成部分：表单标签、表单域、表单按钮

• form表单属性

  • 代码：

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

  • 相关解释：

    • action ——表示服务器的地址，用于后期的用户与网页的交互
    • name ——表示表单名称，用于后期css的设定
    • method中的get与post区别：
      • get提交的数据url可以看到，post提交的则不能
      • get用于提交较少数据，post用于提交大量数据

• 表单标签——文本框

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

  • 案例：创建两个文本框

    •     <form>
              first name:<input type="text" name="firstname">
              last name:<input type="text" name="lastname">
          </form>

  • 效果：

    •  

• 表格标签——密码框

  • 用于密码的保护，即只有当打开小眼睛之时，才能看到具体密码。（密码字段字符不会明文显示，而是以星号或圆点替代）通过<input type="password">来设定。

  • 案例：设定一个密码框

    •     <form>
              password:<input type="password" name="pwd">
          </form>

  • 效果：

    • 

• 表格标签——提交按钮

  • 当用户单击确认按钮时，表单的内容会被传送到另一个文件。

    • 表单 的动作属性定义了目的文件的文件名。
    • 由动作属性定义的这个文件 通常会对接收到的输入数据进行相关的处理
    • value表示按钮显示的名称
    • 通常与文本框连用

  • 案例：创建一个与文本框有关的提交按钮

    •     <form action="utl" name="input" method="get">
              usrname:<input type="text" name="user">
              <input type="submit" value="提交">
          </form>

  • 效果：

    •