HTML5基础智能表单

语义化标签：主要用于移动端低版本浏览器不可用
    section：页面中的一个内容区块与div作用一样
    header：页面中一个内容区块或整个页面的标题
    nav：页面导航链接部分
    article：一块与上下文无关的独立的内容
    aside：在article之外的，与article内容相关的辅助信息
    footer：页面中一个内容区块或整个页面的脚注
    figure：一段独立的流内容，使用figcaption元素为其添加内容(第一个或最后一个子元素的位置)
    hgroup:标题组用来包裹h1-h6标题标签，设置与不设置效果是一样的
    mark：自带背景颜色行内元素
    main：页面中的主要的内容
    script：引入js

dialog标签定义对话框或窗口
属性：open 显示

canvas：画布，元素用于图形的绘制，通过脚本(通常是JavaScript)来完成.
音视频：
    video：定义视频
    audio：定义音频
    属性：
        src：引入路径
        controls：向用户显示控件，比如播放按钮。
        autoplay：视频在就绪后自动播放。目前几乎所有浏览器都禁止自动播放
        loop：重复播放属性。
        muted：静音属性，使用后默认静音
        poster：只有视频支持，视频缓存时显示的图像，可直接把路径放在poster中

HTML5智能表单
智能表单使用前提条件：
1、必须要在form表单框内使用
2、必须要有提交按钮 submit
注：智能表单只能验证当前的格式是否正确，不能验证填入文本内容是否真实存在

email：限制用户必须输入邮件类型
    number：限制用户必须输入数字类型
    min：最小值 max：最大值 step：数值间隔
    url：限制用户必须输入url类型
    range：产生一个滑动条表单
    search：产生一个搜索意义的表单样式上在输入内容后在输入框右侧会出现一个叉号
    color：生成一个颜色选择的表单
    time：时间选择框
    date：年月日选择框
    month：月选择框
    week：周选择框
    datetime-local：选取本地时间
    required：设置此属性后，如果未在表单中填写信息，则禁止提交内容
    placeholder:与value属性一样，但不占位
    autofocus：给表单控件加上该属性后，打开页面时，控件自动获得焦点，一个页面只能有一个
    autocomplete：相当于历史记录，但需要加name值才能保存历史记录
        属性值：no显示 off关闭默认值
    novalidate：取消验证
    file：用来选择文件上传，默认只能选择一个
        multiple：可选择多个
    pattern：用于验证表单输入内容，需要使用正则表达式
    datalist属性：列表选项

HTML5基础智能表单相关推荐

html5基础知识点表单
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
html5下拉智能,HTML5新增标签 + 智能表单
一.HTML5的新增语义标签 1. 全新语义化标签 :用来定义文档或应用程序中的区域或章节. :用来定义文档的主导航区域,其中的链接指向其他页面或当前页面的某些区域. 用来包裹独立的内容片段,通常用来 ...
html 表单自动数值,web前端学习技术之对HTML5 智能表单的理解
原标题:web前端学习技术之对HTML5 智能表单的理解 Html5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. - t ...
HTML5中的智能表单
新增类型在html5中给表单新添加了一些类型 ,大致可以分为以下几种: 数字类型跟数字强相关的类型,其中number.range在移动端开发时,会弹出数字键盘,而range是一个范围滑动块. &l ...
HTML5中新增的表单元素[智能表单]
[HTML5 智能表单] H5新增input的form属性,用于指向特定form表单的id,实现input无需放在form标签之中,即可通过表单进行提交. <FORM id=foo> - ...
html5 智能表单介绍
智能表单介绍 1.XHTML中需要放在form之中的诸如inpu/button/select/textarea等标签元素,在HTML5中完全可以放在页面任何位置,然后通过新增的form属性指向元素所属 ...
html5 智能表单验证
<!DOCTYPE html> <head> <meta charset=utf-8> <title>HTML5智能表单</title> & ...
HTML5 - 智能表单
智能表单 <!doctype html> <html lang="zh-CN"><head><meta charset="utf ...
HTML5新特性之智能表单： required=required指示输入字段的值是必需的
<html> <head> <meta http-equiv="Content-Type" content="text/html; char ...

HTML5基础智能表单

HTML5基础智能表单相关推荐

最新文章

热门文章