js+css控制表单

公司有个和别的公司合作的活，居然是去画页面（郁闷....）

整理些常用的，待续.....

checkbox的全选，反选：

<script type="text/javascript">
    function checkAll() {
        var ch = document.getElementsByName("che");
        alert(ch.length);
        for (var i = 0; i < ch.length; i++) {
            var a = ch[i];
            a.checked = !a.checked;
        }
    };
</script>

用div对齐表单（似乎不太好用，研究中....）

这是样式

<style type="text/css">

div.location
{
    border:solid 1px read;
}

label
{

    text-align:right;
    margin-left:100px;
    float:none;
    width: 100px;
    clear: left;
}
br{
clear: left;
}
</style>

html部分：

<body>
    <div align="center" class="location">
        <form id="" action="#" method="post">
          <label>用户名:</label>&nbsp;&nbsp;&nbsp;&nbsp;<input  type="text" name="username" id="username"/><br /><br/>
          <label>密码:</label>&nbsp;&nbsp;&nbsp;&nbsp;<input type="text" name="password" id="password" /><br /><br/>
          <input  type="submit" value="提交"/>
        </form>
    </div>
</body>

posted @ 2011-04-13 11:25  彼岸花开  阅读(217)  评论(0)    收藏  举报