HTML表单

HTML表单

input 标签

两个单行文本框和一个提交按钮的表单

    First name: 

    Last name: 

    

两个单行文本框和一个提交按钮的表单.png

直接点击 Submit 按钮, 表单数据将会被送到服务器中叫 demo_form.asp 的页面.
请求网址为 http://127.0.0.1/demo_form.asp?fname=Liu&lname=xue

单选框

    Male

    Female

    Other


    
 

单选框.png

直接点击 Submit 后, 表单数据将会被送到服务器中叫 demo_form.asp 的页面.
请求网址为 http://localhost/demo_form.asp?gender=female

    I have a bike

    I have a car

    

复选框.png

fieldset 和 legend 标签

表单内相关元素分组

    

        
Personalia:
        Name:

        Email:

        Date of birth:
    

表单内相关元素分组.png

textarea 标签

At w3schools.com you will learn how to make a website. We offer free tutorials in all web development technologies.
  

复选框.png

select 和 option 标签

  Volvo
  Saab
  Mercedes
  Audi
 

下拉刷新.png

  Volvo
  Saab
  Mercedes
  Audi
 

safari效果.png

firefox效果.png