<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 模拟器上运行它时,似乎没有任何验证有效。关于可以做什么的任何建议? 此外,当我在文本框中输入值时,它会自动获取上一个文本框的值并附加它,关于可以做什么的任何建议?
最佳答案
我认为 Andriod 不支持 HTML5 表单验证。可能会发现此链接有用:Form Validation Support
也许类似于 Modernizr可能不错,但也许 JavaScript 是您最好的选择。
关于android - 为什么我的 HTML5 表单不能在 Android 模拟器中运行?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7170174/