随笔分类 -  html+js

html 克隆页面上的内容，实现增删执行步骤的功能
摘要：1.前端html代码编写 <fieldset class="layui-elem-field" style="background-color: #69BD69"> <div class="layui-form-item" style="margin-top: 17px;"> <label for= 阅读全文
posted @ 2020-05-21 11:51 chenjianwen 阅读(444) 评论(0) 推荐(0) 编辑
鼠标点击选中着色,包含这个标签下的所有子标签
摘要：1.html代码 <table class="layui-table" id="on_color"> <thead> <tr> <th> <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i clas 阅读全文
posted @ 2020-04-15 15:56 chenjianwen 阅读(255) 评论(0) 推荐(0) 编辑
回车即提交from表单数据
摘要：1.html代码 <form method="post" action="/xxxxx/" id="myform" onchange="submitForm_host_filter()"> {% csrf_token %} <input style="width: 250px;height: 30p 阅读全文
posted @ 2020-04-15 10:32 chenjianwen 阅读(264) 评论(0) 推荐(0) 编辑
button点击按钮触发提交from表单数据
摘要：1.html代码 <form method="post" action="/xxx/" id="filter_all" > {% csrf_token %} <select name="filter_platform" id="filter_platform" style="height: 30px 阅读全文
posted @ 2020-04-15 10:28 chenjianwen 阅读(6832) 评论(0) 推荐(0) 编辑
完美定义点击按钮触发函数提交数据【ajax】
摘要：1.html代码 <button class="layui-btn layui-btn-small" style="height: 30px;line-height:1.6em;" title="导出csv" onclick="exportCSV()"> <i class="layui-icon" 阅读全文
posted @ 2020-04-15 10:23 chenjianwen 阅读(1955) 评论(0) 推荐(0) 编辑
position_relative+absolute 搭配使用，实现绝对定位 放大缩小都不影响其绝对位置
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <div style="position: relative; width:500px; height 阅读全文
posted @ 2020-04-15 10:16 chenjianwen 阅读(1420) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示