HTML
关注
分享
扫一扫
LPLIFE
学习接受学习
展开
-
客户端本地存储数据(简单的web留言本)
简单的web留言本功能: 在文本区域中输入留言信息,单击"添加"按钮后,将文本域中的数据保存到localStorage中,并且在表单下部会显示出所有的留言信息,单机"全部清除"按钮,文本域中的数据以及localStorage中保留的数据全部被清除.如下图:主要知识点: 1.localStoragelength:所有保存在localStorage中的数据的条数key(index):将想要得到数...原创 2018-03-14 18:33:58 · 743 阅读 · 0 评论 -
localStorage和sessionStorage混合使用
session可以作为会话计数器,localStorage则可以作为Web应用访问计数器.声明一个localStorage计数变量,当刷新页面时,会看到计数器在增长,即使关闭浏览器窗口,然后重新访问页面,计数器会继续计数.而sessionStorage计数变量只能够在当前会话期间显示页面访问量,即刷新页面后会看到计数器增长,而关闭浏览器窗口,然后再试一次,计数器已经重置了.1.在文本框内输入数...原创 2018-03-15 14:45:09 · 638 阅读 · 0 评论 -
使文本框永远失去焦点并且去掉边框
设置样式: border: 0px;添加属性: disabled="disabled"原创 2018-05-17 16:01:55 · 1091 阅读 · 0 评论 -
textarea 去掉首部缩进
一开始, 在代码中 标签textarea我是这么写的,但是当我查看页面的时候,发现首行自动缩进了好几个空格,但是我想要的是,一进去,获取焦点后,就是在首位,没有缩进. 如下:<textarea rows="3" cols="70" class="text-note" maxlength="150"></textarea>如下图:最后发现一个奇葩的事情,把标签放在同一行,首原创 2018-06-24 12:43:43 · 4504 阅读 · 3 评论 -
双飞翼布局
双飞翼布局: 两边定宽,中间自适应(随着屏幕宽度的大小而改变),如下图:贴上代码:<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http:...原创 2018-08-22 23:36:10 · 272 阅读 · 0 评论 -
固定高度和宽度的垂直居中
CSS真的是反反复复看! 温故而知新 <!DOCTYPE html><html><head><meta charset="utf-8"> <title>固定宽度高度的垂直居中</title> <style>.center { height: 200px; width原创 2018-10-31 23:26:06 · 194 阅读 · 0 评论 -
通过父元素来设置子元素垂直居中(父元素和子元素都没有固定的宽度和高度)
通过通过设置相同上下内边距padding来保持上下垂直距离一致,以及通过text-align来保持文本居中对齐<!DOCTYPE html><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1...原创 2018-11-01 13:25:33 · 996 阅读 · 0 评论