3、表单

表单：表单是搜集用户数据信息的各种表单元素的集合区域

作用：用于收取用户数据并向后台发送，前后交互的方式之一

应用：表单常应用于 登录注册，搜索，文件上传等

caption :表单提交的地址;
method  :提交方式GET/POST（默认get）;
enty    :设置编码格式 有三种.
                          默认：application/x-www-form-urlencoded
                          上传文件：multipart/form-data
                          不建议使用：text/plain

类型

input   : 表单中使用频率最高的标签;
textarea: 文本域,一般用于多行文本;
slect   : 下拉框,一般用于选项;

input

  text      :文本框
  password  :密码框
  radio     :单选框
  checkbox  :复选框
  file      :文件选择
  hidden    :隐藏域
  submit    :提交按钮
  reset     :重置按钮


  placeholder:占位,提高用户体验.（用于提示用户输入什么）
  name      :名字,表单重要属性;
  readonly  :只读;
  disabled  :禁用;
  value     :表单的值;

select

option  :下拉选项标签;
size    :下拉框显示数量;
selected:选中某个;
name    :提交数据时显示的名字;

表单常用标签

fieldset  :表单设置分组
legend    :设置分组表单的标题
label     :提高用户体验度 

input示例

  
  


    

        

          
登陆界面
            
用户名：
            
密 码：
            
 
               
        
    

效果截图

image.png

其它示例

      

        
选择框框
          
日期选择： 

          
单选： 
            男：
            女：  
          

          
多选: 
            玩耍 
            音乐 
            睡觉 
          


          
下拉框： 
            
              1
              2
             3  
              4
              5
            
          

          
隐藏的：
            
          

          
文件选择：  

          
文本框：

            
          
          
      
    

效果截图

image.png