如何限制HTML 5“Number”元素中可能的输入?

如何限制HTML 5“Number”元素中可能的输入?

<input type="number">元素,maxlength不起作用了。如何限制maxlength为了那个数字元素?



慕慕森
浏览 763回答 3
3回答

胡子哥哥

您可以指定min和max属性,它只允许在特定范围内输入。<!--&nbsp;equivalent&nbsp;to&nbsp;maxlength=4&nbsp;--><input&nbsp;type="number"&nbsp;min="-9999"&nbsp;max="9999">不过,这只适用于旋转器控件按钮。虽然用户可以键入一个大于允许的数字。max,表格将不提交。&nbsp;从Chrome 15截图你,你们能,会,可以使用HTML 5oninput事件以限制字符数:myInput.oninput&nbsp;=&nbsp;function&nbsp;()&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;if&nbsp;(this.value.length&nbsp;>&nbsp;4)&nbsp;{ &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;this.value&nbsp;=&nbsp;this.value.slice(0,4);&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;}}
打开App,查看更多内容
随时随地看视频慕课网APP