美文网首页程序员
(总结)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