2016-08-08 54 views
-1

我需要在我的html表单中为1表单字段添加2个输入类型。 type=emailtype=number为html表单字段电子邮件/手机。我如何完成这项工作?下面是代码:1 html表单字段的2个输入类型

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

是否有可能增加输入type=number以及在上面的代码为同一领域即[电子邮件/移动]?

我是一个初学者,并会在这个问题上有很多

+0

不,它是不可能的。没有人需要1个字段的2种输入类型。电子邮件如何成为数字? –

+0

为什么你不能使用两个字段? – simonv

+0

其实你想问什么? –

回答

0

不,这是不可能的apprecaite帮助,但你可以把输入类型=“文本”为电子邮件/号。

+0

看着这篇文章以及你的其他许多帖子,我注意到一个令人不安的趋势:低质量。提供解释,详细说明。参考文献,指导/给他们指导。如果你想获得声誉,并成为一个有意义的贡献者,这些“一线”是不会工作的。 – FrankerZ

0

只是为了澄清,你问你是否可以将两种输入类型分配到同一个字段?

我从来没有遇到过这个,很确定这是不可能的。在同一字段中捕获电子邮件地址或电话号码的最佳方法是制作字段输入类型文本。但是,这意味着您的验证会变得更难一些。

另外,一个附注。为确保您的表单字段可供使用辅助和自适应技术的用户访问(请参阅https://www.w3.org/WAI/tutorials/forms/),您需要确保标签“for”和输入“id”值完全匹配。在下面的例子中,“firstname”用于执行此操作。

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

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

干杯,
Choppie

+0

谢谢... Jeez..urs是最好的答案...你明白我的意思..真的..Godbless –

+0

不用担心。注意到FB网站仍然使用输入类型的电子邮件,尽管它可以用于电子邮件地址或电话号码。不知道他们的验证如何工作,但允许电话号码。 – Choppie

+0

是的,我也检查过...他们使用type = email ...我现在不得不在验证方面破解我的头 –

相关问题