html总结

我的文档

html总结

思维导图

html总结

r ange 类型显示为滑动条。

search 类型用于搜索域 Search Google: <input type="search" name="googlesearch">

tel 定义输入电话号码字段:

time 定义可输入时间控制器（

url

url 类型用于应该包含 URL 地址的输入域。

在提交表单时，会自动验证 url 域的值。

week 允许你选择周和年

<input> <textarea><select>标签只能在表单里面使用

<textarea>标签用法:

<textarea cols="每行中的字符数" rows="显示的行数">

textarea 可选属性

name 由用户自定义 控件的名称

readonly 可读

disable 第一次加载页面时禁用该标签（显示灰色）

<select>标签用法：

关键词可以用<labal>for="">城市<labal>

<select>

<option vaule="淮安">淮安</option>

<option vaule="镇江">镇江</option>

<option vaule="常州">常州</option>

方法二

<select>

城市：<option vaule="淮安">淮安</option>

<option vaule="镇江">镇江</option>

<option vaule="常州">常州</option>

</select>

</select>

登陆逻辑：

前台传输用户名和密码到后台

后台根据前台传递过来的用户名和密码去数据库查询且能够查询到数据库用户存在 则登陆成功，反之说明用户不存在或者密码错误

HTML表单中的三大高级

hidden 隐藏域 某些后台必须要用到的数据 但又不想给前台看见

readonly 只读

disable 禁用

布尔类型

select disable checked readonly

HTML5新增结构元素

<div class ="box">

<header class="header">头部</header>

<main class="main">

<nav class="nav">导航</nav>

<div class="contain">

<aside>侧边栏</aside>

<article>正文</article>

</div>

</main>

<footer class="footer"><底部</footer>

</div>

• 

网页布局

上中下

上左右下

上左中右下

新多媒体元素

video:视频：用法 <video width="320" height="240" controls autoplay loop> <source src="movie.mp4" type="video/mp4"></video>

control:控制键 autoplay 自动播放 loop 循环 weight 宽度 height 高度 play 播放 pause 暂停

audio:音频

<source> 定义多媒体资源 <video> 和 <audio>

HTML5 新的表单元素

<datalist>

<input> 元素使用<datalist>预定义值:

<input list="browsers"> <datalist id="browsers"> <option value="Internet Explorer"> <option value="Firefox"> <option value="Chrome"> <option value="Opera"> <option value="Safari"></datalist>

HTML5表单新增属性

contenteditable 规定是否允许用户编辑内容 <div contenteditable>="true"></div>

designMode 规定整个页面是否编辑

time 标签定义日期和时间

tabindex 规定元素tab键跌制次序

hidden 规定对元素进行隐藏

maxlength：限制最大长度，只有在有输入的情况下才有用，不区分中英文。

minlength：限制最小长度，但它不是H5标准属性，仅部分浏览器支持。

表单校验

校验用户填写的数据格式是否正确

html5表单新属性

autocomplete：自动补全，是否自动记录之前提交的数据，以用于下一次输入建议。

autofocus：自动获得输入焦点。

height 与 width：规定用于 image 类型的 <input> 标签的图像高度和宽度。

list：规定输入域的 datalist。datalist 是输入域的选项列表。

min 与 max：限定输入数字的最小值或最大值

multiple：是否允许多个输入值，若声明该属性，那么输入框中允许输入多个用逗号隔开的值。

pattern (regexp)：指定一个正则表达式，对输入进行验证。(正则默认首尾加^$)

placeholder：占位符，用于在输入框中显示提示性文字，与value不同，不能被提交。

required：在表单提交时会验证是否有输入，没有则弹出提示消息。

step：限定输入数字的步长，与min连用。

maxlength：限制最大长度，只有在有输入的情况下才有用，不区分中英文。

minlength：限制最小长度，但它不是H5标准属性，仅部分浏览器支持。

placeholder：占位符，用于在输入框中显示提示性文字，与value不同，不能被提交。

校验分两种

前段能够进行校验

密码长度

前段不能够进行校验的

表单的校验的方法

placeholder 文本框提示一种提示 常用在input 标签 text search url email passsword 等

requier 必须 (表单元素不能为空）

pattern 用户输入格式匹配所符合的正则表达式

当前文档200条主题 共2063字