HTML5学习笔记简明版（6）：新增属性（1）

autofocus属性

required属性

required属性是一个验证属性，表明该控件是必填项，在submit表单之前必须填写。可用的元素是：input, select和textarea（例外： type类型为hidden, image或类似submit的input元素）。

如果在select上使用required属性，那就得设置一个带有空值的占位符option。代码如下：

倍塔塞司

AI职业规划、AI职业测评、定制测评、AI工具等多样化职业类AI服务。

下载

Color: 
 Choose one
 Red
 Green
 Blue

fieldset下的disabled属性

当fieldset的设置disabled属性时，其所有的子控件都被禁用掉了，但不包括legend里的元素。name属性是用来脚本访问的。

代码1：

 
 
  
  Use Club Card
  
 
Name on card: 
 
Card number: 
 
Expiry date: 

当点击legend里的checkbox的时候，会自动切换fieldset子元素的disabled状态。

代码2：

    

        
            
            Use Club Card
        
    
    

        
            Name on card:
            
    

        

            
                
                My card has numbers on it
            
        
        

            
                Card number:
                
    
    

        

            
                
                My card has letters on it
            
        
        

            
                Card code:
                
    

在这个例子，当你外面的 "Use Club Card" checkbox没有选中的时候，里面的子控件都是被禁用的，如果选中了，两个radiobutton都可用了，然后可以选择哪一个子fieldset你想让它可用。

input下的新属性(autocomplete, min, max, multiple, pattern, step)

input下增加了几个用于约束输入内容的属性（autocomplete, min, max, multiple, pattern和step），目前只有部分浏览器支持required和autocomplete属性，其它属性尚未支持。

autocomplete 属性规定输入字段是否应该启用自动完成功能, 自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时，浏览器基于之前键入过的值，应该显示出在字段中填写的选项。

  First name:

  Last name: 

  E-mail: 

  

注释：autocomplete 属性适用于

Homepage: 

当input为空的时候，双击它，就会弹出提示选项（选项内容就是定义的label（Google/Reddit））。选择一个label就会将对应的value地址更新到input里（目前FF支持）。

datalist的声明形式可以有多种：

或者

另外，当input的type为image的时候，input还支持width和height属性用来指定图片的大小。

以上就是HTML5学习笔记简明版（6）：新增属性（1）的内容，更多相关内容请关注PHP中文网（www.php.cn）！