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)中文的问题

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

    欢迎大家拍砖,补充。 

  • 相关阅读:
    hdu 2222 Keywords Search
    Meet and Greet
    hdu 4673
    hdu 4768
    hdu 4747 Mex
    uva 1513 Movie collection
    uva 12299 RMQ with Shifts
    uva 11732 strcmp() Anyone?
    uva 1401
    hdu 1251 统计难题
  • 原文地址:https://www.cnblogs.com/yupeng/p/2017051.html
Copyright © 2011-2022 走看看