zoukankan      html  css  js  c++  java
  • 表单问题总结与最佳实践

    工作中常常碰到很多的表单提交,表单对齐的问题,下面来总结下我碰到的问题。也欢迎大家补充。

    1)表单对齐问题

          曾今做了这么个表单 ,当时关于这个表单对齐的问题上可是花费了一些时间,即使是设置vertical-align:middle,也没有对齐。后来是通过添加margin-top:-2px来解决这个问题的。这个其实和字体的设置是有很大关系的,我们的字体是  font12px/1.5 arial,宋体; 首选的是arial字体,所以必须是通过添加margin-top:-2px来解决(我是用的12px字体),其实只要把字体换成tahoma字体的话,然后再设置vertical-align:middle。就可以了。

    2)表单提交问题

         有2种方式,第一种方式是直接在html中写form+iframe或者是form的方式提交,form+iframe一般是提交内容,浏览器不发生跳转,就在本页面中,我一般用来解决跨域问题,没有跨域我就用ajax的提交了。form 单独的表单提交,一般用来做类似登录的那种提交,页面先来跳转到登录页,可以在后面加上自己的地址,然后再返回到到本页来。一般是通过添加一个参数来做的。

         第二种方式是通过js的方式动态创建表单,这种方式的好处主要是不用在页面上写很多的html,我们通过脚本自动创建,append到body的最后面,但是有些要注意。在ie6下,不支持document.createElement的形式创建iframe,必须用innerHTML的形式动态创建iframe,对于form表单,里面的input隐藏的选项,如果我们用innerHTML的形式添加的话,可能会由于要添加的value值有引号的情况可能post不过去,因为value也有引号。最好的方式

    是用document.createElement的方式来创建,由于input可能比较多,建议添加一个文档碎片来处理,不至于每次都操作dom节点。

    3)中文的问题

         表单中的中文需要转码吗?不需要,我在最初的开发的时候给转码了。后来发现不对,在此我记录下。 

    欢迎大家拍砖,补充。 

  • 相关阅读:
    【转】C#中Invoke的用法
    SQLite判断某表是否存在
    qemu-kvm安装and配置桥接和SR-IOV
    Linux内核模块开发(简单)
    NetSpectre:通过网络读取任意内存
    Packet Chasing:通过缓存侧信道监视网络数据包
    Mastik:微体系结构侧信道攻击工具包
    infiniband网卡安装、使用总结
    NetCAT:来自网络的实用缓存攻击
    从线性回归案例理解深度学习思想
  • 原文地址:https://www.cnblogs.com/yupeng/p/2017051.html
Copyright © 2011-2022 走看看