代码改变世界

CSS表单属性

2017-04-26 20:47  心猿意‘码’  阅读(593)  评论(0编辑  收藏  举报

一般来说,表单在一个页面中是必不可少的,下面是我对表单的知识总结:

  依次要说的是表单元素表单属性、以及表单提交(js知识)

1,表单元素:

  <form action="提交的位置 //不写的话会提交给自身" method="如何发送表单数据"></form>

 form内的元素:

  1)datalist(数据列表)

  2)keygen(生成加密字符串)

  3)output(输出结果)

  4)meter(度量器)

2,表单属性:  

  1)palceholder:请输入用户名 当用户输入文字后,placeholder内的内容将会消失

  2)autofocus:自动获得焦点

  3)multiple:多文件传输,在file中使用

  4)autocomplete="on":自动补充剩余内容

  5)novalidate:关闭验证

  6)required:必填项

  7)pattern:自定义验证  (pattern="\d")要求输入数字,大写D为除数字以外的

3,表单提交验证:

  onsubmit="return 函数()"

 代码示例:

    function checkForm(){
        //获取email的value值
        var email = document.getElementById("email").value;
        if(email == ""){
            return false;
        }else if(email.indexOf("@")==-1){
            return false;
        }else{
            return true;
        }
    }

注意:如果既要验证账户,又要验证密码,则需要最后再写 retrun true;