HTML5重点

• 前言
• 1. 知识点框架图
• 2. 表单标签模板
• • 2.1 get/post
• 3. 表单
• • 3.1 单选框与多选框
  • 3.2 下拉可选
  • 3.3 按钮
  • 3.4 文件上传
  • 3.5 大文本域
  • 3.6 提交与重置按钮
  • 3.7 滑块
  • 3.8 数字
  • 3.9 搜索框
• 参考资料

事先声明，本文是以Java后端开发的角度来学习HTML，并没有像前端那么细致。重点记录的是表单的使用

    
用户名 
    
    
密码 

表单的创建关键词为form，action代表所要跳转的网页，method表示采用的提交方法

每条语句的基本格式为

包含，其中type表示表单的类型，此处text表示文本框，password表示密码框（输入时屏幕显示为*）。
name关键字强行建议在每条input语句中加上！！！因为其代表着所要提交信息的名称

• placeholder 提示信息，这里为“请输入用户名”
• readonly 代表只读，将无法在密码框中输入任何信息
• required 代表非空，这里用户名必须填写，否则将无法提交

    
性别:
        男
        女
    

    
爱好：
        睡觉
        敲代码
        吃饭
        跑步
    

所见即所得，重点在体会name和 value的区别。举个例子，如果选择性别男，然后提交。url中就会显示 name=boy

    
国籍：
        
            中国
            美国
            德国
        
    

如图即为所求

按钮：
        

可以通过在value里设置值，来对应到按钮上

反馈：
        请输入
    

音量：
        
    

数字：
        
    

可以通过step改变每点击一次变化的步长

搜索：
        
    

【狂神说Java】HTML5完整教学通俗易懂