HTML表单的简单用法

** 本博客著作权归从这到那所有，转载请注明出处 **

表单的作用

HTML表单用于接收不同类型的用户输入，用户提交表单时向服务器传输数据，从而实现用户与Web服务器的交互。

表单的工作机制

如何编写表单

首先表单我们需要使用form标签

表单元素

这里介绍一下form使用的两个属性action method

属性	值	描述
action	URL	规定当提交表单时向何处发送表单数据
method	get、post	规定用于发送表单数据的HTTP方法

更详细的属性介绍请点击我

输入元素

用的最多是输入标签input，有类型属性type来决定输入类型。常见的输入类型如下：

注意：radio checkbox还需要单独设置value属性

文本域

标签

    My name: 

显示效果：

密码字段

使用标签

    密码：

显示效果：

单选按钮

标签

    Male

    Female

显示效果：

复选框

标签

     Apple

     Banana

     Grape

显示效果：

未选中

选中

提交按钮

标签：。当用户单击确认按钮事，表单的内容会被传送到另一个文件。表单的动作属性action定义了目的文件的文件名。

    姓名
    

显示效果：

除了input外还有一些其他的表单输入元素

注意：input标签不用闭合，以下标签是需要闭合的。

textarea

              我是多行文本输入框
    

显示效果：

select和option

    
        上海
        深圳
        北京
    

显示效果：

label

这个标签主要是为input元素定义标注（标记）。

    Male
    

    Female
    

显示效果：

我们来写个完整的例子

先看效果：

代码如下：

  




  

      

      提交
    
    

      姓名
      
    
    

      密码
      
    
    

      爱好
       读书
       听歌
       学习
    
    

      性别
       男
       女
    
    

      
    
    

      
        北京
        上海
        杭州
      
    
    

               多行文本