表单标签＜form＞＜/form＞

  •          功能：用于申明表单，定义采集数据的范围，也就是＜form＞和＜/form＞里面包含的数据将被提交到服务器
  • 语法：<form action="url" method="get" ></form>
  •   action=“”  服务器地址
  •   method=“”  get  /  post          

         文本框：

  •         文本框是一种让访问者自己输入内容的表单对象，通常被用来填写单个字或者简短的回答，如姓名、地址等。
  •        代码格式： ＜input type="text" name="..." size="..." maxlength="..." value="..."＞

        多行文本框

  •          多行文本框也是一种让访问者自己输入内容的表单对象，只不过能让访问者填写较长的内容。
  • 代码格式：＜textarea name="..." cols="..." rows="..." ＞＜/textarea＞

        密码框

  •         密码框是一种特殊的文本域，用于输入密码。当访问者输入文字时，文字会被星号或其它符号代替，而输入的文字会被隐藏。
  • 代码格式：＜input type="password" name="..." size="..." maxlength="...“/＞

        隐藏域

  •         隐藏域是用来收集或发送信息的不可见元素，对于网页的访问者来说，隐藏域是看不见的。当表单被提交时，隐藏域就会将信息用你设置时定义的名称和值发送到服务器上。
  • 代码格式：＜input type="hidden" name="..." value="..."＞

        复选框

  •         复选框允许在待选项中选中一项以上的选项。每个复选框都是一个独立的元素，都必须有一个唯一的名称。
  • 代码格式：＜input type="checkbox" name="..." value="..."＞

        单选框

  •          当需要访问者在待选项中选择唯一的答案时，就需要用到单选框了。
  • 代码格式：＜input type="radio" name="..." value="..."＞  
  •              必须写上相同的name值才能每次选中一个

        文件上传框

  •          有时候，需要用户上传自己的文件，文件上传框看上去和其它文本域差不多，只是它还包含了一个浏览按钮。访问者可以通过输入需要上传的文件的路径或者点击浏览按钮选择需要上传的文件。
  • 代码格式：＜input type="file" name="..." size="15" maxlength="100"＞

       下拉选择框

  •         下拉选择框允许你在一个有限的空间设置多种选项。
  • 代码格式：
  •          ＜select name="..." size="..." multiple＞
  •          ＜option value="..." selected＞...＜/option＞
  •          ...
  •          ＜/select＞

        表单按钮：控制表单的运作

  •        提交按钮：用来将输入的信息提交到服务器。
  •        代码格式：＜input type="submit" name="..." value="..."＞

       复位按钮：用来重置表单。

  •       代码格式：＜input type="reset" name="..." value="..."＞

       一般按钮：用来控制其他定义了处理脚本的处理工作。

  •        代码格式：＜input type="button" name="..." value="..."  οnclick="..."＞