HTML5表单认证特点(专业知识点小结)

日期:2021-01-19 类型:科技新闻 

关键词:快速建站,网站建设系统,免费网页建站,网站免费建设,建站系统

前台接待递交信息内容到后台管理1般两种普遍递交方法:

Form表单递交 和 Ajax无更新网页页面递交

placeholder 并不是全部的input都适用,例如input date就不适用

处理计划方案:

能够在date上面遮盖1个div,填写placeholder的內容

html5表单新增的种类:

email

url

range

number

date(date, month, week, time, datetime, datetime-local)

search

color

tel

去掉chrome记牢登陆密码后全自动填充表单的黄色情况:

autocomplete="off" 能够加在input或form上

往下拉提醒:

list 和 datalist

html5表单应用正则表达式:pattern

递交表单时不开展认证:novalidate(加在form上)   formnovalidate(加在input:submit上)

文字框全自动聚焦:autofocus

假如input中有文档提醒file,则form务必加上:

enctype="multipart/form-data"

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF⑻">
    <title>form</title>
</head>
<body>
    <form action="" enctype="multipart/form-data" novalidate>
        <input type="file">

        <!-- 正则表达式:5个数据+cyy中随意1个字母 -->
        <input type="text" required autocomplete autofocus pattern="/^\d{5}[cyy]$/">

        <input type="text" list="mylist">
        <datalist id="mylist">
            <option value="list1">list1</option>
            <option value="list2">list2</option>
            <option value="list3">list3</option>
        </datalist>

        <input type="submit" value="递交" formnovalidate>
    </form>
</body>
</html>

 

label for  在radio或checkbox中较为显著(对应的是input的id)

实际效果便是选定label时,对应的radio或checkbox就会被选定

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF⑻">
    <title>form</title>
</head>
<body>
    <form action="" enctype="multipart/form-data" novalidate>

        <label for="man">男</label>
        <input type="radio" name="sex" id="man">
        <label for="woman">女</label>
        <input type="radio" name="sex" id="woman">

        <input type="submit" value="递交" formnovalidate>
    </form>
</body>
</html>

 

总结

到此这篇有关HTML5表单认证特点的文章内容就详细介绍到这了,更多有关html5 表单认证內容请检索脚本制作之家之前的文章内容或再次访问下面的有关文章内容,期待大伙儿之后多多适用脚本制作之家!