- 博客(6)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 你不知道的input[type=search]
input[type=search]简介html5对表单元素做了一些增强，其中对input元素，我们可以指定更多的属性来控制它，如required，autofocus，maxlength等，具体有做了哪些增强，可以阅读官方文档，也可以参照MDN。我们现在要讲的是input[type=search]这个表单元素，不是讲他如何增强，而是主要讲如何更加方便的改变它默认的样式。input[type=sear
2016-05-29 22:56:14
36105
10
原创 内容可编辑contenteditable
前言最近遇到一个问题：文本域的高度随输入内容的多少自适应，就像是这样的： 刚刚拿到这个问题，就想到用textarea来搞定，尝试了一下，虽然也搞定了，但总感觉有点麻烦。仔细思考一番，想到貌似h5有个contenteditable全局属性也可以实现文本编辑，遂尝试搞起。contenteditable是什么？MDN上是这样描述的： The contenteditable global attr
2016-04-06 23:28:15
14176
1
原创 window.history, window.location
#的含义#代表网页中的一个位置。其后面的字符，就是该位置的标识符。比如https://www.baidu.com/index.html#bottom_container就代表网页index.html的bottom_container位置。浏览器读取这个URL后，会自动将bottom_container位置滚动至可视区域。如何设定网页中的位置1.设定name属性 如<a name="test"><
2016-04-05 23:06:20
1252
原创 css3学习笔记－css3选择器
属性选择器E[attr]属性选择器E[attr=val]属性选择器E[attr|=val]属性选择器E[attr~=val]属性选择器E[attr*=val]属性选择器E[attr^=val]属性选择器E[attr$=val]属性选择器css代码ul, li{ margin: 0; padding: 0; } li{ l
2016-03-27 23:03:17
623
原创 css3，js动画初体验
css3，js动画初体验transition实现简单的过渡动画 @keyframes实现更详细的动画WAAPI实现动画使用@keyframes来创建动画语法：@keyframes identify{} 由于目前已经得到了各大浏览器很好的支持，所以对于移动端的开发可以无需添加浏览器前缀 如果你非要添加前缀，应该是这样的 @-webkit-keyframes identify{},
2016-03-26 13:55:19
630
原创 文本、元素居中，超过指定行数显示省略号
1，单行文本居中显示2，多行文本居中显示3，超过一行，最后面显示省略号4，超过两行，第二行最后面显示省略号5，元素居中显示
2016-03-09 21:20:39
1707
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人