input标签的实用性

    input标签我们见过多了，它就是一个空框而已，并且，在做一些后台的朋友可以说是见怪不怪了，因为，做后台的，就是查询，复杂查询，还有用户管理，这里面的所接触到的新增的，修改的，都是与这个input标签接触的，可是，在写type出来的时候总有好几个代码让你筛选，D开头的就有三个了，分别是date、datetime-local、datetime而分别的意思也是分类好的一些所显示在空框里的所能写的内容与一些input标签所能显示出来的效果，例如：用以上的date，他所能表达的是一个只显示日期的并且弹出一个日历的，，不需要像layui里面用一个方法获取id才能显示到日历的，而用了这个input标签，再用一个type的类，这样更快实现这个功能，而用了datetime，没什么变化，暂时还没用这个头绪，如果各位大神知道的麻烦说一下。而datetime-local这个跟date有一点区别就是会显示时分秒这个在input标签里面的方框中，前面是日期年月日，后面是时分秒，这个很简单就不多说了。
 input标签，有很多的实用性，上面的就是以D开头的所代表的时间，但是实际上当我把type这个类打出来的时候，有二十三种所代表的不同效果的吧，大概。。。
 因为时间有限所以也就没有多少时间去一个一个试试，所以大家有空可以试试，这个熟悉之后真的对大家的用处有很大，毕竟，里面的效果或者url的连接也是用到它input标签的，相信在做前端的同学、朋友，input标签所实现的跳转，我相信，用到的特别多；因为我刚刚开始接触前端的时候，可没少不接触到input标签与type类然后选择到url链接来进行跳转，所以input的实用性很大，这个是少不了的，而且，它能实现很多我们想了很多办法都没办法实现的但是到了它这个input标签很快就做好了，可想而知有的时候，要想做好一件事情，熟悉其结构与意思，和各种的一些某些了解是必不可少的，如果不熟悉其代码的用法，做起来真的很难。

下面的是一些里面的接下来的图片和效果图。
这个在上面写到的input标签用时间date的效果图。

下面的是代码图。
在这里面input标签是主角，而其他的div标签则是外盒子的布局input标签所占的大小，当然也可以在input标签里面进行style这个类来进行自定义，但这个可能会出现一些不符合你要求的布局，所以最好在div这个标签外面来比较好，但是各有千秋，每个人都有谁的做法，所以做好自己做惯的就好了。因为使用的是插件的缘故，所以，这里面的代码有些可能是类也有可能是缩写的代表，因此就要折磨折磨才行了。

好了下面是另一个的效果图和代码图。
这个使用了type类里面的radio，它所代表的的是单选框的意思，在学前端的，可能就比较熟悉了，因为这个可是有时候，在页面布局是个就会有情况会有到的。而在后端就比较少要用到这个radio这个单选框的代码了，因为布局已经不是主要工作了，数据异常，或者数据修改才是与维护才是我们后端的主要内容了；因此在绝大多数的情况下单选框出现无非就是性别，答案这些比较多。

这个是代码图，是单选框的例子的，同时是用input表签与type的类实现的，其余的还有表现出很多不同的功能的，例如color样式所在就是input标签里加个色板选择的，其它还有很多，自己可以尝试，就不一一些出来了。

这期就到这，下期再见。
作者：李国林