h5新属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta id="viewport" name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<form action="http://192.168.2.100:8080/getform" id="user_form">
    text:<input type="text" name="text_search"/><br/>
    email:<input type="email" name="user_email"/><br/>
    url:<input type="url" name="user_url" autofocus /><br/>
    number:<input type="number" name="user_number" min="3" max="100" step="3"/><br/><!--step 步长-->
    range:<input type="range" name="user_range" min="1" max="10" step="2"/><br/>
    date:<input type="date" name="user_date" /><br/>
    month:<input type="month" name="user_month" /><br/>
    week:<input type="week" name="user_week" /><br/>
    time:<input type="time" name="user_time" /><br/>
    datetime:<input type="datetime" name="user_datetime" /><br/>
    search:<input type="search" name="user_search" list="mylist"/><br/>
    color:<input type="color" name="user_color"/>

    <datalist id="mylist">
        <option value="[email protected]">lianyiqun</option>
        <option value="[email protected]">12121</option>
        <option value="[email protected]">2234111</option>
        <option></option>
    </datalist>

    <input type="submit"/>
</form>

</body>
</html>
时间: 2024-11-11 08:20:29

h5新属性的相关文章

h5新属性,可编辑的段落 contenteditable=“true”

HTML 5 全局 contenteditable 属性 HTML 5 全局属性 实例 一段可编辑的段落: <p contenteditable="true">这是一段可编辑的段落.请试着编辑该文本.</p> 亲自试一试 定义和用法 contenteditable 属性规定是否可编辑元素的内容. HTML 4.01 与 HTML 5 之间的差异 contenteditable 属性是 HTML5 中的新属性. 语法 <element contentedit

H5新属性 contenteditable

contenteditable 属性规定元素内容是否可编辑 <div contenteditable style="width: 100px;height:100px"></div> 给 div 设置了 contenteditable 属性后  该div 可以编辑内容 原文地址:https://www.cnblogs.com/lpp-11-15/p/11422313.html

H5新属性audio音频和 video视频的控制

class为mute时,为播放按钮,没有mute时则放静音按钮. $('.unmute').click(function() { if ($(this).hasClass('mute')) { video.muted = true; } else { video.muted = false; } $(this).toggleClass('mute') }) 学习链接:https://www.cnblogs.com/caoyibo/articles/5685994.html 原文地址:https:

H5 新特性之全局属性一

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body> <!--<!DOCTYPE html>--><!--<html lang="en">--><!--<he

HTML笔记(2)——HTML5新属性

HTML5 DAY01: 基本内容 HTML5目前最新的规范(标准)是2014年10月推出 2005年左右出现HTML5版本(非标准) W3C组织(两个组织定义H5规范) 学习(研究)HTML5是学习未来(将来主流) HTML版本 - 第一阶段主要学习还是4版本(包含5版本) <header><nav> HTML5版本之后,声明不再出现版本信息 有意地版本,以后可能不再会有新版本 HTML5的规范内容实时更新 注意 HTML5永远都不可能离开javascript. HTML5在移动

H5新标签(适合新手入门)

H5新标签 文档类型设定 document HTML: sublime 输入 html:4s XHTML: sublime 输入 html:xt HTML5 sublime 输入 html:5 <!DOCTYPE html> 字符设定 <meta http-equiv="charset" content="utf-8">:HTML与XHTML中建议这样去写 <meta charset="utf-8">:HTML

H5新特性之语义化标签

二月底,疫情仍未过去,在家逆战学习. 说道H5新特性的语义化标签,就不得不先简单说一下它的发展史,兼容和一些语法问题. H5在经过多达近百项的修改,包括HTML和XHTML的标签,相关的API,Canvas等,性 能得到进一步提升. H5仅仅是新增添了一些内容并优化了它们,而不是全盘否定之前的旧的内容.支持Html5 的浏览器包括Firefox(火狐浏览器),IE9及其更高版本,Chrome(谷歌浏览器),Safari, Opera等以及一些国内浏览器. 对于H5语法变化不大,文件的扩展名是不变

css的盒模型,及css3的box-sizing新属性

css的盒模型包含了content(元素自身).padding(内边距).border(边框)及margin(外边距). 如图,浏览器控制台elements的computed可以清晰显示元素盒模型,鼠标多动动就明白了:(蓝色区域表示content元素自身,这里是整个窗口的内容) 盒模型有两种:标准模式和怪异模式.在<!DOCTYPE>声明缺失时就会在ie6.ie7.ie8下触发怪异模式 标准模式下:盒子总宽度/高度 = content + padding + border + margin,c

两点补充——CSS3新属性以及弹性布局

CSS3 新属性 一.[ CSS3新增属性前缀 ] 1.-webkit-:chrome/safari 2.-moz-:火狐 3.-mo-:IE 4.-o-: Opera 欧朋 二 .[CSS 长度单位] 1.px:像素.长度固定,表示分辨率占几个像素点: 2.%:表示相对于默认值的百分比: 3.em:长度与元素的字号挂钩. rem:长度与根元素的字号挂钩. 即与html 的 font-size 挂钩,若不设置,默认16px . [ em与rem区别 ] em与当前元素自身的font-size挂钩