2011-08-24 69 views
1
<form action="test2.html" method="POST" autocomplete="on" id="myForm" > 
<table> 

    <tr> 
     <td> 
      Name: 
     </td> 
     <td> 
      <input type="text" id="text1" pattern="[A-z]{3}"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Email: 
     </td> 
     <td> 
      <input type="email" id="mail" autofocus="autofocus"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      URL: 
     </td> 
     <td> 
      <input type="url" id="url"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Number: 
     </td> 
     <td> 
      <input type="number" id="num" required="required" onSubmit="click()"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Date: 
     </td> 
     <td> 
      <input type="date" id="dat"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Range: 
     </td> 
     <td> 
      <input type="range" id="range" min="1" max="10"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Search: 
     </td> 
     <td> 
      <input type="search" id="search" placeholder="Search W3Schools" /><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      Color: 
     </td> 
     <td> 
      <input type="color"/><br/> 
     </td> 
    </tr> 
    <tr> 
     <td> 
      DataList: 
     </td> 
     <td> 
      <input type="url" list="url_list" name="link" /> 
      <datalist id="url_list"> 
      <option label="W3Schools" value="http://www.w3schools.com" /> 
      <option label="Google" value="http://www.google.com" /> 
      <option label="Microsoft" value="http://www.microsoft.com" /> 
      </datalist><br/> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      Points: 
     </td> 
     <td> 
      <input type="number" name="points" min="0" max="10" step="3" /><br/> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      Output: 
     </td> 
     <td> 
      <output id="result" onforminput="45"></output><br/> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      Image 
     </td> 
     <td> 
      <input type="image" src="client.png" width="40" height="40" /><br/> 
     </td> 
    </tr> 

    <tr> 
     <td> 
      <input type="submit" value="submit"/> 
     </td> 
    </tr> 
</table> 
</form> 

這是在「chrome」中運行正常的表單,但是當我嘗試在android模擬器上運行它時,驗證都無效。有什麼建議可以做什麼? 另外,當我在文本框中輸入值時,它會自動獲取prev文本框的值並追加它,任何關於可以做什麼的建議abt?爲什麼我的HTML5表單不能在Android模擬器中工作?

回答

2

我不認爲Andriod支持HTML5表單驗證。可能會發現這個鏈接有用:Form Validation Support

也許類似Modernizr可能是好的,但也許JavaScript是你最好的選擇。

+0

嗯..我也這麼認爲... – Khush

相關問題