笔记 - HTML5网页设计初窥(3)-智能表单设计

表单类型历史
    1995年html2开始提出
        form式设计,服务器与客户端进行交互
        html 服务器与客户端进行交互的方式:put get post delete
     交互性的基础
        使用javascript把进行表单控制,判断用户数据输入的合法性
   html5使用了基本类型的表单限定,date,color,range
      配合用户输入提供了新的数据类型
            email
            number
            range
            Date pickers(date,month,week,time,datetime,datetime-local) 
            search
            color
     Input TYpe -- email
        E-mail:<imput type="email" name="user_email" />:
      Input Type -- url
         URL:<input type="url" name="url" />
       Input Type - number
        points:<input type="number" name="points" min="1" max="10" />
        step 步进修改值
        value 初始值
    input type - range
        <input type="range" name="points" min="1" max="10" />
        step 步进修改值
         value 初始值
    input type - date pickers

        以前使用js的日历控件实现该功能,在HTML5中可使用独立控件
        date - Selects date,month and year
        month - Selects month and year
        week - Selects week and year
        time - Selects time(hour and minute)
        datetime -Selects time, date, month and year(UTC time) and year(loal time)
        
   Forms的新属性
        Autofocus
            <input type=search name=query autofocus>
        Placeholder
            <input type=email name=email id=email placehlder="user@host.com">
        Required
        


posted on 2012-03-04 23:52 joinchen 阅读(334) 评论(0)  编辑  收藏


只有注册用户登录后才能发表评论。


网站导航:
 
<2012年3月>
26272829123
45678910
11121314151617
18192021222324
25262728293031
1234567

导航

统计

常用链接

留言簿

随笔档案

搜索

最新评论

阅读排行榜

评论排行榜