html 问题

时间：2023-03-09 16:07:56
html 问题

1、footer处理

目标：

页面较短，footer位于页面底部，出现滚动条时，依然在原来的位置，不随滚动条移动

页面较长，位于元素底部

.container{

    position: relative

}

.footer{

    position: absolute;

    bottom: 0

}

var w_h = window.screen.height;

var c_h = $('.container').height();

if(c_h > w_h){

    $('.footer').css('position', 'static');

 }else{

  $('.container').css('height', $(document).innerHeight());

}

// 要使用$(document).innerHeight()，而不能用window.screen.Height

2、form enter

场景：form中有一个input，input添加了change事件，输入内容后，enter，页面刷新。想要的效果是，输入内容后，enter，触发change事件。

解决办法：在form中添加一个隐藏的input。

原因：浏览器默认的几个原则

如果表单里有一个type=”submit”的按钮，回车键生效。

如果表单里只有一个type=”text”的input，不管按钮是什么type，回车键生效。

如果按钮不是用input，而是用button，并且没有加type，IE下默认为type=button，FX默认为type=submit。

其他表单元素如textarea、select不影响，radio checkbox不影响触发规则，但本身在FX下会响应回车键，在IE下不响应。 type=”image”的input，效果等同于type=”submit”，不知道为什么会设计这样一种type，不推荐使用，应该用CSS添加背景图合适些。

3、html5 a href支持的内容：https://, ftp://, mailto:, file:, tel:。

4、行内元素一般会有4px的间距，设置font-size:0，可以消除这个间距。inline or inline-block 都会有这个问题。

5、给图片添加热点区域，example中有。坐标是相对于图片本身的。

6、html5 的 text, search, url, telephone, email 以及 password 有一个新属性pattern title可以写正则，来更好的验证

7、iphone自动识别长串数字转换为a标签类型，解决办法加meta标签 telephone=no

8、a标签 直接下载文件

<a href='../data/test.pdf' download="" target='_black'>下载</a>

9、form提交数据 未知错误

可能是因为没有加enctype='multipart/form-data'

随机推荐

  1. asp.net中当点击按钮时出现grid编辑弹框

    <dx:ASPxButton runat="server" ID="NewGridButton" Text="新增授权" CssCla ...

  2. 学习java第7天

    关于继承还需要留意的是,子类中的所有构造方法都默认访问父类的无参构造,注意是无参,而且是必须的,如果父类没有无参子类就会报错.如果你不想给父类无参构造,那么在子类中加上super(),显式的调用有参构 ...

  3. 退出系统时跳出frame框架

    传统的系统界面,有iframe页面,当用户退出系统或者session过期或者非法请求时,都要使当前页面跳转到登录页面.比如用户点击注销的按钮在上面得top.jsp里面,方法:<a href=&q ...

  4. Hadoop HDFS编程 API入门系列之合并小文件到HDFS（三）

    不多说,直接上代码.  代码 package zhouls.bigdata.myWholeHadoop.HDFS.hdfs7; import java.io.IOException;import ja ...

  5. Nginx编译参数大全 configure参数中文详解

    ./configure --help--help 显示本提示信息--prefix=PATH 设定安装目录--sbin-path=PATH 设定程序文件目录--conf-path=PATH 设定配置文件 ...

  6. python面向对象个人总结

    基础概念:面向对象其实就是类与对象的使用. 类是模板,对象是实例.模板创建实例,实例去类里面去执行类的方法.类的例子: class Foo:           def Bar(self):      ...

  7. Apache错误:[error] (OS 10038)在一个非套接字上尝试了一个操作

    Apache错误:[error] (OS 10038)在一个非套接字上尝试了一个操作          博客分类: vb2005xu软件学习 OSApache防火墙PHPWindows  日志如下:[ ...

  8. 【软件工程】电梯调度的初步实现 李亚文&&郭莉莉

    一.开门见山,代码粘 using System; using System.Collections.Generic; using System.Data; using System.Drawing; ...

  9. 使用虚拟机win7系统遇到问题及解决

    安装VMware并在其中安装win7专业版系统,这里不再赘述.因为...我就是照着百度来的.哈哈 说说使用中遇到的问题. 本来安装成功后,可以很愉快的运行着.后来莫名奇妙的出现了两个问题:1.虚拟机运 ...

  10. 校验日期函数的js

    /判断输入内容是否为空 function IsNull(){ var str = document.getElementById('str').value.trim(); if(str.length= ...

相关文章