HTML5 ??? ?? ??

HTML ??? ?? ?? ?? ?? ? ????? ?? ?? ??? ??? ?? ????? ??? ? ????. HTML5? ???? ?? ??? ???? ?? ?? ?? ??? ??? ??? ???????.

opera? ??? ??? ?? ? ?????. IE10 ????? ???? ??? ?? ?? ??????? ????? ?????.

??? ?? ??

color

// Google Open?
? ?????// ?? ?? ??, ??? ?? 8?????.
<input type="color" name="favcolor" />

??: ??? ??? ???? ??? ? ?? ?? ?? ??? ?????.

// Google, OPEN, Apple?? ??
// ?? ?? ??
<input type="date" name="bday">

??: ??? ??? ??? ??? ???? ??? ??? ? ?? ?? ?? ?? ??? ?????. ?? ? ???? ?????.

datetime

// OPEN Apple?? ??
// ?? ? ?? ?? ??
<input type="datetime" name="bdaytime">

datetime-local

// Google, OPEN, Apple?? ??
// ???? ?? ?? ? ??
<input type="datetime-local " name ="bdaytime">

???

// Firefox ? Google Open ??
// ?? ? ?? ?? ????? ??? ???? ?????
< input type="email" name="email">

// Google Apple Open?? ??
// ???? ?? ??
<input type="month" name="bdaymonth">

// IE ?? ???? ??, Google Open, Apple
//? ??
//?? ?? ?? ?? ?? ?? ? ???
<input type="number" name="Quantity" min="1" max="5" >

??: ????? ? ?? ?? ? ?? ???? ????.

// IE, Google, Open ? Apple ?? ???? ??
// ??? ??, ???? ??
// ????? ?????. ???
< ;input type="range" name="points" min="1" max="10">

// Google Apple ??
// ??? ??
<input type="search" name="googlesearch">

// ???? ??
<input type="tel" name="usrtel">

// Google Apple Oppen?? ??
// ?? ????
<input type="time" name="usr_time">

url

// ?? ?? IE Firefox Google Europe Peng?
// ?? ? URL ??
<input type="url" name="homepage">

week

// Google ? Apple Oppen?? ??

// ? ? ?? ??(??? ??)
<input type="week" name="week_year">

??? ??? ?? ?? ???? ??? ?????

?? ?? IE FF Chrome ??

?? ???? ?? ???? ?? ???? ?? ???? ??

?? ???? ?? ???? ?? 9.0 ?? ???? ??

?? ???? ?? ???? ?? 9.0 ?? 4.0 ??

?? ???? ?? ???? ?? ???? ??

tel ???? ?? ???? ?? 9.0 ?? ???? ??

url ???? ?? ???? ?? 9.0 ?? ???? ??

??? ???? ?? ???? ?? 9.0 ?? ???? ??

?? ?? ? ? ?? ? ? 9.0 ?? ?? ? ?

???? 1:

<!doctype html>
<html>
    <head> 
    <meta charset="utf-8"> 
    <title>php.cn</title> 
    </head>
    <body>

            <form action="demo-form.php" method="get">
          Points: <input type="range" name="points" min="1" max="10">
          <input type="submit">
        </form>
        <p><b>注意:</b> Internet Explorer 9 及更早IE版本不支持 type="range"。</p>
      </body>
</html>

???? 2:

<!doctype html>
<html>
    <head> 
    <meta charset="utf-8"> 
    <title>php.cn</title> 
    </head>
    <body>

            <form action="demo-form.php">
          數(shù)量 ( 1 到 5 之間): <input type="number" name="quantity" min="1" max="5">
          <input type="submit">
        </form>
        <p><b>注意:</b>Internet Explorer 9 及更早IE版本不支持 type="number" 。</p>
      </body>
</html>

? 3:

<!doctype html>
<html>
    <head> 
    <meta charset="utf-8"> 
    <title>php.cn</title> 
    </head>
    
      <body>
            <form action="demo-form.php">
          選擇周: <input type="week" name="year_week">
          <input type="submit">
        </form>
    </body>
</html>

???? ??

??? ??

<!doctype html> <html> <head> <meta charset="utf-8"> <title>php.cn</title> </head> <body> <form action="upload.php" method="post" accept-charset="utf-8" id="form1"> <br> 主頁(yè): <input type="url" name="url" value="" placeholder="個(gè)人主頁(yè)" required> <br> 郵箱: <input type="email" name="email" value="" placeholder="郵箱" required> <br> 生日: <input type="date" name="date" value="" required> <br> 時(shí)間: <input type="time" name="time" value="" required> <br> 星期: <input type="week" name="week" value="" required> <br> 年齡: <input type="number" name="age" value=""> <br> 薪水: <input type="range" name="range" value=""> <br> 電話: <input type="tel" name="tell" value="" placeholder="都不支持"> <br> 顏色: <input type="color" name="mycolor"> <br> <input type="search" name="key" value="" results="s"><br> <input type="submit" name="sub" value="提交" form="form1"> </form> </body> </html>

?????? ???

????