HTML学习（二）

视频

音频

 

新加的input的类型

1.color

    选择你喜欢的颜色: 

    

2.Input 类型: date

就是能在日期选择器里面选择一个日期

    生日: 
    

3.Input 类型: datetime

    生日 (日期和时间): 
    

4.Input 类型: datetime-local

相比于data，这个选择器多了具体时间

    生日 (日期和时间): 
    

5.Input 类型: email

用于邮箱登录等操作，它会自动判断邮箱是否有效

    邮箱：

6.Input 类型: month

    月份

7.Input 类型: number

用于输入数字的区域，能控制输入的数字的范围

数字

    输入数字
    

表单属性

/ autocomplete 属性

就是记住之前使用填写过的内容

可以在form或者input后面添加该属性，

效果：

input的form属性

作用是使在form外的一个input任属于该form，只需令form = "form的名字"

  First name: 

  

 
Last name: 

list 属性

作用是让用户点击输入框是，显示出预先设置好的预选项，供用户选择

注意：先将input的属性list 命名

再让下面的

datalist

    

    

 效果图

multiple 属性

只有2个标签能用该属性

email 和file

上传文件的话，把input的type设置成file即可，要多选文件，就再在后面加上multiple

多选，选择多个文件上传

    选择图片: 
    

效果图

 要多选文件，按住ctrl键，再点击要选择的文件即可

pattern 属性

正则表达式

Country code:

placeholder 属性

就是在输入框里面显示提示，可以提示该输入框期待输入什么，如账号或者密码

 

required 属性

required属性，使得该输入框不能为空

Username: