Почему моя форма HTML5 не работает в эмуляторах Android? - PullRequest
1 голос
/ 24 августа 2011
<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, ни одна из проверок не работает. Любые предложения о том, что можно сделать? Кроме того, когда я ввожу значение в текстовое поле, оно автоматически принимает значение предыдущего текстового поля и добавляет его. Любые предложения о том, что можно сделать, кроме этого?

1 Ответ

2 голосов
/ 25 августа 2011

Я не думаю, что Andriod поддерживает проверку формы HTML5.Может оказаться полезной эта ссылка: Поддержка проверки формы

Может быть, что-то вроде Modernizr может быть хорошим, но, возможно, JavaScript - ваш лучший выбор.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...