如何指定或者占位符

Question

我有一个表单，将电话号码作为字段输入 我已根据HTML5标准将类型设置为tel。我需要输入接受8位或10位数值。

我试过

<input type='tel' placeholder='0123456789 or 12345678'></input>

我也尝试添加pattern="[0-9]{8} or [0-9]{10} 但是，没有用，  还有另外一种方式

Answer 1

这不是我建议用于电话号码的模式，但这应该按照你的要求进行：

<击>图案= '[0-9] {8,10}'

<input type='tel' pattern='[0-9]{8}([0-9]{2})?' title='Phone Number (8 or 10 numbers)' />

Answer 2

首先，我建议您目前不要使用“tel”作为输入类型。原因是它尚未得到所有主要浏览器提供商的支持。它可能适用于Google Chrome，但其他浏览器（如IE）尚无法支持此输入类型。我个人坚持将类型保留为电话号码输入文本。

其次，限制人员输入金额的方法是使用maxlength属性。

<input type="text" maxlength="10"/>

最后，输入标签是自动关闭的。它用于以下格式：

<input />

不

<input></input>

希望这有帮助。有关详情，请查看此处：http://www.w3schools.com/tags/att_input_maxlength.asp

Answer 3

将输入标记更改为此内容;

<input type="text" min="8" max="10" />

Answer 4

自己发现了

要完成模式属性本身

<input type='tel' placeholder='0123456789' pattern='[0-9]{8}|[0-9]{10}'>

这里'|'是表达式，谢谢你们。

pattern='[0-9]{8}|[0-9]{10}'

解决了我的问题