• 一、表单的简单使用
• 二、表单元素格式
  • 1. 文本输入框
  • 2. 密码输入框
  • 3. 数字
  • 4. 单选框
  • 5. 多选框
  • 6. 按钮
  • 7. 上传文件
  • 8. 邮箱和URL
  • 9. 滑块
  • 10. 搜索框
  • 11. 下拉框
  • 12. 文本域
  • 13. 增强鼠标可用性
• 三、表单其他设置

一、表单的简单使用

• 用于像注册登录等前端数据的输入。
• 表单可以在网页前端对输入的数据进行简单的验证。
• 使用表单可以有效避免对前端用户输入的数据进行过滤，节约资源，减轻系统后台的压力。

表单的基本语法

一个简单的小例子：注册

    
    



注册




    

    
    
名字：

    
    
密码：

    

        
        
        
    

二、表单元素格式

1. 文本输入框

		
		
名字：

2. 密码输入框

		
		
密码：

3. 数字

    
    
年龄:
        
    

4. 单选框

    
    
性别:
        男
        女
    

5. 多选框

    
    
爱好:
        睡觉
        敲代码
        聊天
        游戏
    

6. 按钮

    
    
按钮:
        
    

7. 上传文件

8. 邮箱和URL

    
    
邮箱:
        
    

    
    
url:
        
    

9. 滑块

    
    
音量滑块:
        
    

10. 搜索框

    
    
搜索框:
        
    

11. 下拉框

    
    
国家:
        
            中国
            日本
            韩国
            俄罗斯

        
    

12. 文本域

    
    
反馈:
        文本内容
	  

13. 增强鼠标可用性

		
    

        你点一下试试
        
    

三、表单其他设置

• 隐藏域hidden

  名字：
  

• 只读readonly

  名字：
  

• 禁用disabled

  名字：
  

• 提示信息placeholder

  名字：
  

• 必填项required

  名字：
  

• 正则化验证pattern

  
  自定义邮箱