Html + css基础课程学习笔记(2)

表单标签

浏览器用户输入的数据，以表单的形式，传送到服务器端。

      用户名:
      
      密码:
          
      
      
  

注意:
1、所有表单控件（文本框、文本域、按钮、单选框、复选框等）都必须放在

标签之间（否则用户输入的信息可提交不到服务器上哦！）。

输入框

    账户: 
    
    

    密码: 
    
 

多行文本

    个人简介：
    在这里输入内容...
    
    
 

单选框、复选框

    性别:
    男
    
    女
    

注意:同一组的单选按钮，name 取值一定要一致，比如上面例子为同一个名称“radioLove”，这样同一组的单选按钮才可以起到单选的作用。

下拉列表

  显示的值

    爱好:
    
      看书
      旅游
      运动
      购物
    

设置selected="selected"属性，则该选项就被默认选中。

多选

    爱好:
     
      看书
      旅游
      运动
      购物
    

标签中设置multiple="multiple"
属性，就可以实现多选功能

提交按钮

用于提交表单信息到服务器

    姓名：
    

type：只有当type值设置为submit时，按钮才有提交作用

重置按钮

    爱好:
    
      看书
      旅游
      运动
      购物
    
    
    

label标签

当用户单击选中该label标签时，浏览器就会自动将焦点转到和标签相关的表单控件上

   男
  
  

  女
  
  

  输入你的邮箱地址
  
  

注意：标签的 for 属性中的值应当与相关控件的 id 属性值一定要相同。