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;