<script>functionvalidatePhoneNumber(){varphoneNumber=document.getElementById("phone").value;varpattern=/^[0-9]{11}$/;if(!pattern.test(phoneNumber)){alert("电话号码格式不正确!");returnfalse;}returntrue;}</script><formonsubmit="returnvalidatePhoneNumber()"><inputtype="tel"id="phone"name="p...
initial-scale=1.0"><title>手机号码读取示例</title></head><body>请输入您的手机号码<inputtype="text"id="phoneNumber"placeholder="输入手机号码"/><buttononclick="showPhoneNumber()">提交</button><pid="output"></p><script>functionshowPhoneNumber(){constphoneNumber=document...
在HTML5的新规范中,input输入框提供了多种输入类型比如:tel、email、number、range、color等,这些类型在桌面客户端中一般体现不是很明显,如果在移动端键盘上面体现的会更明显。比如number在移动端键盘会自动切换为纯数字,email键盘会自动切换带有@的键盘。 第二步:确定表单样式 我们还需要确定表单最终的样式风格,一般...
<p>手机号码:<input type="text" name="phoneNumber" pattern="[1]([3]|[5])[0-9]{9}" title="13或15开头的手机号码" /></p> <input type="submit" /> </form> 13) placeholder :设置文本控件的预先显示内容 说明: 只有文档内容为空才会显示此属性设定的值。 示例: 1 姓名:<input type="te...
<input type="text"name="Phone Number"pattern=title="Phone number with 7-9 and remaing 9 digit with 0-9"> 此代码将仅以下列格式输入: 9238726384 (从9或8或7开始,其他9位数使用任何数字) 8237373746 7383673874 格式不正确: 2937389471(从9、8或7开始) ...
1 INPUT 标签中通过 type属性指定输入内容类型：email，指定输入内容为电子邮件地址。url，指定输入内容为URL。number，指定输入内容为数字，并可通过min、max、step 属性指定最大最小及间隔。date、month、week、time、datetime、datetime-local指定输入内容为相应日期相关类型。color，指定控件为颜色选择器。例：<input ...
一、input类型详解 该图包含了新增的 input 类型 Number类型 示例: <input type="number"name="demoNumber"min="1"max="100"step="1"/> 分析: name:标识表单提交时的key值 min:标识当前输入框输入的最小值 max:标识当前输入框输入的最大值 step:标识点击增大/减小的时候变化的步长 ...
<form action=""><fieldset><legend>学生档案</legend><labelfor="userName">姓名:</label><input type="text"name="userName"id="userName"placeholder="请输入用户名"><labelfor="userPhone">手机号码:</label><input type="tel"name="userPhone"id="userPhone"pattern="^1\d{10}$"><labelfor="emai...
type="number" required> </li> <li> <label for="secure">验 证 码：</label> <input id="secure" name="secure" type="number" required> </li> <li> <label for="namecard">持 卡 人：</label> <input id="namecard" name="namecard" type="text" placeholder="...
input type = email当你在输入标签中定义 type="email" ,iPhone就会显示一个带有一个小空格键键盘,其中包括一个@ 键。 代码如下: <input type="email" name="e" /> 下面是iPhone OS 4的屏幕显示: 注意Android 2.2 在这种情况下仍显示默认键盘。 input type = number当你想提供数字输入,你可以用HTML5 提...