美文网首页程序员
(总结)HTML中form提交表单的方法

(总结)HTML中form提交表单的方法

作者: 喆哲 | 来源:发表于2019-03-23 10:36 被阅读0次

    1、h4表单元素:

            type=''text''  文本框

            type=”textarea“ 多行文本框

            type="password"密码框

            type=”radio“单选框

            type=”checkbox“复选框

            type=”button“一般按钮

            type=”submit“提交按钮

            type=”reset“复位重置按钮

            type=“file”上传文件,上传会报错,需要在form添加<form enctype="multipart/form-data">

            type=”hidden“隐藏域:

    2、h5新增的元素

            type="range"滑块组件

            type="color"颜色拾取器

            type="number"数字

            手机正则:var ja=/^1([38][0-9]|4[579]|5[0-3,5-9]|6[6]|7[0135678]|9[89])\d{8}$/

            座机正则: var reg=/"^(0[0-9]{2,3}/-)?([2-9][0-9]{6,7})+(/-[0-9]{1,4})?$"/

            type="url"网址

            网址正则:var reg = /^((ht|f)tps?):\/\/[\w\-]+(\.[\w\-]+)+([\w\-.,@?^=%&:\/~+#]*[\w\-@?^=%&\/~+#])?$/;

            type=”emali“邮箱

            邮箱正则:arr = /^[A-Za-z\d]+([-_.][A-Za-z\d]+)*@([A-Za-z\d]+[-.])+[A-Za-z\d]{2,4}$/;

            网址验证与邮箱验证只需要http://和@即可成功

            type="date"日、"week"周、"time"时 、"month"月

            <form  novalidata /*不验证属性*/  autocomplete /*自动补全*/ 

           

    相关文章

      网友评论

        本文标题:(总结)HTML中form提交表单的方法

        本文链接:https://www.haomeiwen.com/subject/izujvqtx.html