为什么我的HTML5表单在Android模拟器中不起作用?

时间:2011-08-24 03:42:01

标签: android html5

<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文本框的值并附加它,有关可以做什么的任何建议?

1 个答案:

答案 0 :(得分:2)

我不认为Andriod支持HTML5表单验证。可能会发现此链接很有用:Form Validation Support

也许像Modernizr这样的东西可能会很好,但也许JavaScript是你最好的选择。