随笔分类 -  html

meta标签
摘要:设置编码方式,不合适的编码方式可能导致乱码,一般都是用utf-8 <meta charset="utf-8"> 设置关键字,为搜索引擎提供关键字,方便被搜索到 <meta name="keywords" content="手表,购物,手机,服装" > 添加对网页的描述 <meta name="des 阅读全文

posted @ 2022-06-23 00:36 In-6026 阅读(28) 评论(0) 推荐(0)

form表单请求
摘要:###属性 action="url" method="post/get" 要发送的数据,需要在该标签上添加name属性,name的值就是发送请求的数据的值的名称 <form action="http://127.0.0.1:3000/" method="get"> <label>name:</lab 阅读全文

posted @ 2022-01-28 23:52 In-6026 阅读(70) 评论(0) 推荐(0)

output标签,form表单 + <input type="range"> + output
摘要:<form oninput="x.value=parseInt(a.value)+parseInt(b.value)"> 0<input type="range" id="a" value="50">100 + <input type="number" id="b" value="50"> = <o 阅读全文

posted @ 2022-01-28 23:15 In-6026 阅读(33) 评论(0) 推荐(0)

datalist标签配合input实现输入框历史记录提示
摘要:<form> //list与datalist的id关联 <input list="b" /> //注意是datalist不是details <datalist id="b"> //注意是未闭合单标签 <option value="1"> <option value="2"> <option valu 阅读全文

posted @ 2022-01-28 23:13 In-6026 阅读(112) 评论(0) 推荐(0)

label标签的作用:和指定表单中的指定元素产生关联
摘要:###可以为指定form表单中的任意元素增加一个click事件: 重要属性 for form 栗子1: <form action="demo_form.php" id="form1"> <input type="submit" id="btn" value="提交"> </form> form:指定 阅读全文

posted @ 2022-01-28 22:56 In-6026 阅读(104) 评论(0) 推荐(0)

table表格
摘要:###标签 <table></table>最外层 <tr></tr>行 <th></th>头部 <td></td>单元格 <thead></thead> 和th不一样,th是语义化,而thead是正真的头部,th必须写在第一行才是头部,thead不论写在哪都是头部,下面给两个表格显示是一样的,the 阅读全文

posted @ 2022-01-28 21:58 In-6026 阅读(30) 评论(0) 推荐(0)

富文本编辑器
摘要:###富文本编辑器 现在页面中插入一个iframe <iframe name="richedit" style="width: 200px; height: 200px;"></iframe> 让ifame可以编辑 <script> //disigenMode属性在document上 frames[ 阅读全文

posted @ 2022-01-28 20:29 In-6026 阅读(19) 评论(0) 推荐(0)

图片/框架懒加载
摘要:<img src="..." loading="lazy"> <iframe src="..." loading="lazy"></iframe> 阅读全文

posted @ 2021-12-23 00:58 In-6026 阅读(18) 评论(0) 推荐(0)

导航