手机端有日期插件的输入框写法
来源:互联网 发布:惩罚男朋友的招数知乎 编辑:程序博客网 时间:2024/04/29 00:31
1、首先在html中写出一个container的小箱子包裹着通用代码
<div class="container"> <div class="form-group"> <label >起始日期</label> <input type="date" class="form-control" value="2016-05-15"> </div> </div>
2、定义一下小箱子的样式
.container{ width: 100%; margin: 0 auto; padding: 0 15px;}
3、接下来写form-group、label及其from-control样式,如下
.form-group { width: 100%; position: relative; padding-left: 80px; margin-top: 10px; color: #ffffff;}.form-group > label { position: absolute; left: 0; top: 0; line-height: 34px; color: #000;}.form-group .form-control { width: 100%; padding: 6px 12px; border-radius: 4px; background-color: rgba(255, 255, 255, 0.16); border: 1px solid rgba(169, 169, 169, 0.16);}
4、注意事项:
小箱子的宽度是width:100%,不能写成width:1080px;
label是通过父级form-group定位来确定自身位置;
html中value的日期写法:2015-05-15,不能写成2015/05/15,后者页面不会正常显示。
0 0
- 手机端有日期插件的输入框写法
- 在手机端输入PC站的网址,自动跳掉移动端的网址写法:
- 关于手机端选择日期插件 mobiscroll
- 英文日期的写法
- 可滑动手机日期插件
- 手机版日期插件mobiscroll
- 手机端rem推荐的一种写法
- 小巧、快速的日期输入插件:jQuery Date Input
- 类似于计算器的密码输入框写法
- 前端关于输入框的写法
- HTML的文本中只允许有日期输入
- 手机端 基于amazeui 日期插件 个人觉得还不错
- jQuery插件的写法
- Thunar插件的写法
- jquery 插件的写法
- jQuery插件的写法
- JQuery插件的写法
- JQuery插件的写法
- [置顶] Unity 5 中的全局光照技术详解
- Leetcode 86. Partition List (Medium) (cpp)
- 【GaoJueYi 2016.08.15初中部 NOIP普及组 】模拟赛总结
- CCF201312-4 有趣的数
- 如何用脚本快速删除某些表
- 手机端有日期插件的输入框写法
- Navicat中预览SQL语句
- 坐在马桶上看算法:快速排序
- SmartLink简介
- 什么时候用指针形参?什么时候用引用形参?
- 全平台的Crash解决方案
- vim设置
- 基于opensips mysql数据库用户管理
- 在Maven+Spring项目中使用Node.js的Gulp进行前端自动化构建