1个html表单字段的2种输入类型

时间:2016-08-08 10:51:47

标签: php html forms email attributes

我需要在我的html表单中为1个表单字段添加2个输入类型。 html表单字段电子邮件/移动设备type=emailtype=number。我怎么做到这一点?以下是代码:

 <label for="modlgn-username">Email/mobile</label>
 <input type="email" name="email" class="inputbox"  size="18" required />

是否可以在相同字段的上述代码中添加输入type=number,即[电子邮件/移动设备]?

我是初学者,并会在这件事上提供帮助

2 个答案:

答案 0 :(得分:0)

不可能,但您可以输入输入类型=&#34;文字&#34;电子邮件/电话号码。

答案 1 :(得分:0)

为了澄清一下,您是否在询问是否可以为同一个字段分配两种输入类型?

我从未遇到过这种情况,并且非常确定它是不可能的。在同一字段中捕获电子邮件地址或电话号码的最佳方法是制作字段输入类型文本。但是,这意味着您的验证会变得更加困难。

另外,附注。为了确保使用辅助和自适应技术的用户可以访问您的表单字段(请参阅https://www.w3.org/WAI/tutorials/forms/),您需要确保标签&#34;对于&#34;和你的输入&#34; id&#34;值完全匹配。在下面的例子中&#34; firstname&#34;习惯这样做。

<label for="firstname">First name:</label>
<input type="text" name="firstname" id="firstname">

这将有助于屏幕阅读器将标签与表单字段相关联。

干杯,
Choppie