html5表单

130 阅读1分钟

**

1:新标签:header头部

 nav导航栏
 section页面中的一个内容区块
 article内容标签
 aside测边栏
 footer底部

2:css高级选择器:

 first-of-type
 last-of-type
 onle-of-type
fiest-child
last-child
nth-child(n)
:befor在之前添加内容
:after在段落之后加内容

3:透明色:

opacity
transarent
rgba(000,n)值越小,越透明

calc计算属性 calc{100% - 50%} 减号前后需要空格

     search表示一个搜索框
    range进度条
  placeholder提示框
 requied规定文本框填写内容不能为空 否则不能提交

           

        <!-- 会自动验证Email地址格式是否正确

4: html5表单

       

     type="search"表示一个搜索框  
      会自动验证Email地址格式是否正确
    会自动验证URL地址格式是否正确

       网址:        这个类型是color 点击提交会提交16位的颜色值给后台服务器       选取颜色:<input type="color" name="colorname"

      搜索:<input type="search" name="searchname" placeholder="请输入你想搜索的关键字"> 
        type="number"只是一个默认值,设置步长为4的时候,点击加只会在最小值的基础上去加或者减 

      数字: 进度条:         电子邮箱:<input type="email" name="emailname"         placeholder="请输入邮箱"         required>       会自动验证URL地址格式是否正确

       

     <!-- 网址:<input type="url" name="urlname"> -->

               

 

       

       

       

       

       

       

   

**