2022年1月28日

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 阅读(75) 评论(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 阅读(38) 评论(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 阅读(114) 评论(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 阅读(105) 评论(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 阅读(35) 评论(0) 推荐(0)

图片自适应容器,避免拉伸失真

摘要: 方式1 <div class="box"> <img src="#" /> </div> .box{ width: 2000px; height: 200px; overflow: hidden; border: 1px solid; } .box img { //以宽为标准,填充div,超出的高度 阅读全文

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

Promise

摘要: ###Promise(期约) let p = new Promise(function(resolve, reject) { //二者选一,有一个出现,后面那个就会失效 //resolve(data) //reject('Error') }) ####.then() p.then((data) => 阅读全文

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

async和awiat

摘要: ###async和awiat(异步函数策略) //async标识函数是异步函数,所有async标志的函数都有then属性,then(onResolve, onReject),onResolve接收函数return的结果,onReject接收throw的结果 async function a() { 阅读全文

posted @ 2022-01-28 20:30 In-6026 阅读(177) 评论(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 阅读(25) 评论(0) 推荐(0)

导航