csss! number控件value自动"规范"

落伍者

1. 
   
2. import win.ui;
   
3. /*DSG{{*/
   
4. winform = win.form( bottom=399;right=599;text="HTMLayout - for" )
   
5. /*}}*/
   
6. 
   
7. import web.layout;
   
8. wbLayout = web.layout(winform);
   
9. 
   
10. wbLayout.html =/***
    
11.         <input type="number" minvalue="5" maxvalue="500" />
    
12. ***/
    
13. 
    
14. wbLayout.css = /**
    
15. input[type="number"]{focus-off!:
    
16.   self:value < self.minvalue  ? self:value=self.minvalue,
    
17.   self:value > self.maxvalue  ? self:value=self.maxvalue;
    
18. }
    
19. **/
    
20. 
    
21. winform.show();
    
22. win.loopMessage();
    

复制代码

当控件丢失焦点之后 会自动判断 number控件内的值是否处于 minvalue与maxvalue之间 否则将会给控件的value属性控件取最大值或者最小值