利用form表单实现小功能

1.限制文本框输入字数：

例：限制最小为1000，最大为1000000；输入不正确

输入正确后：

代码实现：

<input type="number"  min="1000" max="10000000"/>

2.限制输入字符的长度/提示输入内容

如图：
代码：

 <input  type="text" placeholder="输入名字不能超过九位" maxlength="9">

3.表单实现显示时间选择

/*注释(火狐浏览器不支持)#/
如图：

<input type="date"  >

4.表单实现多张图片同时选择

如图：
php.ini 增加input标签的multiple属性上传的文件数

<input type="file" name="img" multiple="multiple" />//当然，这样也是一样的：　<input type="file" name="img" multiple />

限制上传类型
设置input上传类型
如：

①设置只允许上传图片文件，重要的就是后面的accept="image/*";代码如下：  <div style="margin-left:200px;margin-top:100px;">         //只允许上传图片         <input type="text" id="text1">         <input type="file" id="file" accept="image/*">                     </div>②设置只允许上传视频文件。代码如下：  <div style="margin-left:200px;margin-top:400px;">         //只允许上传视频文件         <input type="text" id="text1">         <input type="file" id="file" accept="video/*">                     </div>③设置只允许上传音频文件，这个是上传常见的音频文件。像一些mp3，wav代码如下：    <div style="margin-left:200px;margin-top:400px;">         //只允许上传音频文件         <input type="text" id="text1">         <input type="file" id="file" accept="audio/*">                     </div>④这个是单独挑出来的，只允许上传wav文件。一般上传铃声的时候用到。代码如下：  <div style="margin-left:200px;margin-top:400px;">           //只允许上传wav文件          <input type="text" id="text1">          <input type="file" id="file" accept=".wav">                     </div>⑤还有一个就是上传excel文件，反正我现在没有用到，你们谁需要的get一下。代码如下：  <div style="margin-left:200px;margin-top:400px;">          //只允许上传EXCEL文件         <input type="text" id="text1">         <input type="file" id="file" accept="application/vnd.ms-excel ">        </div>⑥网站上传pdf，也就是文库类网站了。代码如下：  <div style="margin-left:200px;margin-top:400px;">         //只允许上传pdf文件         <input type="text" id="text1">         <input type="file" id="file" accept=".pdf">                     </div>⑦最后一个也是调了一些可以给大家用的，这里没有详细的列出。附个图片给你们参考吧。参照上面的代码就行

5.表单实现显示隐藏内容

<span style="display:none;">输入金额需为1,000元的整数倍</span>