VScode关键点 | |||||
Time | 序号 | 快捷表现 | 快捷方式 | 关键字 | 举例 |
Day4 5月19 | 29 | 表单标签form <form action(网址)="result.html" method(提交方式)="GET/ POST(加密)"> | input属性: 1.自闭合标签 2.display行内块元素 | 除了text不用写value,其他必写;name必写 | |
30 | GET | 上传文件小,不加密 | |||
31 | POST | 文件大,加密 | |||
32 | <input type="#" name="" value(后台展示)="" size="30" maxlength-"6"> | 文本框:text | 用户名:<input type="text" name="user" value="张三"> | ||
33 | 提交:submit | 提交: <input type="sunbit" value="立即登录"> | |||
34 | 密码:password | 密码:<input type="password" name="pwd" value="123" placeholder="请输入"> | |||
35 | 单选框:radio (name需一致) | <input type="radio" name="sex" value="boy" checked>男 <input type="radio" name="sex" value="girl">女 | |||
36 | 复选框 :checkbox | <input type="checkbox" name="aihao" value="game"> 游戏 <input type="checkbox" name="aihao" value="swing" checked> 游泳 <input type="checkbox" name="aihao" value="skiing"> 滑雪 | |||
37 | 默认选中:checked(布尔) | 自动默认选项,布尔运算,checked="ture/false",h5中不显示 | |||
38 | 默认选中:selected(布尔) | ||||
39 | 输入密码: placeholder | 提示词,鼠标放上去自动消失 | |||
40 | 列表框 | select | <select name=“car”size="2"> <option value="">请选择</option> <option value="baoba">宝马</option> <option value="benchi">benchi</option> | ||
41 | 5种按钮 | 重置按钮 | <input type="reset" name="restname" value="重置"> | ||
42 | 普通按钮 | <input type="button" name="btn" value="普通按钮"> | |||
43 | 提交按钮 | <input type="submit" name="sbt" value="提交"> | |||
44 | 图片按钮(XY坐标位置) | <input type="image" src="../imgs/01.jpg" alt="加载中" title="icon" width="50" height="50" name="img"> | |||
45 | 数字按钮(可以滚动) | <input type="number" name="money"> | |||
Day5 5月20 | 46 | 多行文本域 | textarea | <textarea name="area" cols="50"(宽) rows="50"(高)>123</textarea> | |
47 | 文件域 | file | <input type="file" name="filename"> | ||
48 | 表单编码属性(针对上传文件时填写) | enctype | <form action="网址" method="post" enctype="multipart/form-deta"> | ||
49 | 隐藏(只能后台看到) | hidden | <input type="hidden" name="filename"> | ||
50 | 只读(文字不能更改) | readonly(布尔) | 用户名:<input type="text" name="user" value="张三" readonly> | ||
51 | 禁用(表单未写完,不能提交) | disabled(布尔) | <input type="submit" disabled> | ||
52 | 标注(扩大鼠标点击范围) | label (for="" id="") | <input type="radio" name="sex" value="nan" id="a"> <label for="a">男</label> | ||
53 | html5新增结构元素 (块元素,利于搜索抓取和语义化) | 头部标签 | header | header(main(na、section(aside、article))) | |
54 | 导航栏 | nav | |||
55 | 内容主题(article)和标题/侧边栏(aside)组成 | section(内容区块) | |||
56 | 内容主题 | article | |||
57 | 标题/侧边栏 | aside | |||
58 | 主题部分 | main | |||
59 | 视频标签(浏览器不兼容或过低,会出现:您的浏览器不支持video播放的视频) | video | <video src"../" controls muted loop></video> | ||
60 | 音频标签 | audio | <audio src"../" controls muted loop></audio> | ||
61 | 控制器 | controls | <video src"../" controls></video> | ||
62 | 默认静音 | muted | ( <video src="./" controls muted loop></video>) | ||
63 | 结束后自动循环 | loop | <video src"../" controls muted loop></video> | ||
64 | html5全局属性 | 允许用户编辑内容 | contenteditable | 选中标签后面的单词,双击,往右撤一下 粘贴即可随意改动 | |
65 | 对元素进行隐藏,在dom文档中依然存在 | hidden |