記錄一個sql注入的漏洞
阿新 • • 發佈：2020-12-10
HTML
1.標籤
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本標籤學習</title> </head> <body> <!--標題標籤--> <h1>一級標籤</h1> <h2>二級標籤</h2> <h3>三級標籤</h3> <h4>四級標籤</h4> <h5>五級標籤</h5> <h6>六級標籤</h6> <!--水線線標籤--> <hr/> <!--段落標籤--> <p>兩隻老虎</p> <p>跑得快</p> <p>一直沒有 耳朵</p> <p>一隻沒有 尾巴</p> <!--換行標籤--> 兩隻老虎<br/> 跑得快<br/> 一直沒有 耳朵<br/> 一隻沒有 尾巴<br/> <!--粗體，斜體--> 粗體：<strong>i love you</strong> 斜體：<em>i love you</em> <br/> <!--特殊符號--> 空格 空 格 <br/> 大於號：> <br/> 小於號：< <br/> ©版權某某 <!-- 特殊符號記憶模式 --> </body> </html>
2.影象標籤
- 常見的影象
- JPG
- GIF
- PNG
- BMP
- ...
<img src="path" alt="text" title="text" width="x" height="y" />
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>影象標籤</title> </head> <body> <!--img學習 src:圖片地址 相對地址（推薦使用），絕對地址 ../ 上一級目錄 --> <!--alt 載入失敗--> <img src="../resources/image/1.png" alt="風景圖" title="懸停文字" width="1080" height="900"> </body> </html>
連結標籤
- 文字超連結
- 影象超連結
<a href="path" target="目標視窗位置">連結文字或影象</a>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>連結標籤</title> </head> <body> <a name="top">頂部</a> <!--a標籤 href:必填，表示要跳轉到那個頁面 target:表示視窗在哪裡開啟 _blank 在新的標籤中開啟 _self 在自己的網頁中開啟 --> <a href="我的第一個網頁.html" target="_blank">點選跳轉到頁面</a> <a href="http://www.baidu.com" target="_self">點選跳轉百度</a> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> <p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p> <p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p><p> <a href="我的第一個網頁.html"> <img src="../resources/image/1.png" alt="風景畫" > </a> </p> <!--錨鏈接 1.需要一個錨標記 2.跳轉到標記 # --> <a href="#top">回到頂部</a> </body> </html>
媒體標籤
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>媒體元素學習</title>
</head>
<body>
<!--音訊和視訊
src：資源路徑
controls：控制條
autoplay：自動播放
-->
<!--<video src="../resources/video/1.mp4" controls autoplay></video>-->
<audio src="../resources/audio/張小夥,粥粥zxr%20-%20顧.mp3" controls autoplay></audio>
</body>
</html>
iframe內聯框架
<iframe src="path" name="mainFrame"></iframe>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<!--iframe內聯框架
src:地址
w-h：寬度高度
-->
<iframe src="https://www.cnblogs.com/lemonlover/" name="hello" frameborder="0" width="1000" height="800"></iframe>
<a href="https://www.cnblogs.com/lemonlover/" target="hello">點選跳轉</a>
</body>
</html>
表單語法
<form method="post" action="result.html">
<p>名字:<input name="name" type="text" ></p>
<p>密碼:<input name="pass" type="password" ></p>
<p>
<input type="submit" name="Button" value="提交"/>
<input type="reset" name="Reset" value="重填"/>
</p>
</form>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單</title>
</head>
<body>
<h1>註冊</h1>
<!--表單form
action：表單提交的位置，可以是網站，也可以是一個請求處理地址
method:post/get提交方式
get方式提交：我們可以在url中看到我們提交的資訊，不安全，高效
post：比較安全，傳輸大檔案
-->
<form action="我的第一個網頁.html" method="post">
<!--文字輸入框：input type="text"
value="xxxxxxxx" 預設初始值
maxlength="8" 最長能寫幾個字元
size="30" 文字框的長度
-->
<p>
名字：<input type="text" name="username">
</p>
<p>
密碼：<input type="password" name="password">
</p>
<!--單選框
input type="radio"
value: 單選框的值
name：表示組
-->
<p>
<input type="radio" value="boy" name="sex"/>男
<input type="radio" value="girl" name="sex"/>女
</p>
<!--多選框
-->
<p>愛好：
<input type="checkbox" value="sleep" name="hobby">睡覺
<input type="checkbox" value="code" name="hobby">敲程式碼
<input type="checkbox" value="chat" name="hobby">聊天
<input type="checkbox" value="game" name="hobby">打遊戲
<input type="checkbox" value="music" name="hobby">聽音樂
</p>
<!--按鈕
input type="button" 普通按鈕
input type="image" 影象按鈕
input type="submit" 提交按鈕
input type="reset" 重置按鈕
-->
<p>按鈕：
<input type="button" name="btn1" value="點選XX">
<input type="image" src="../resources/image/1.png">
</p>
<!--下拉框，列表框
-->
<p>國家：
<select name="列表名稱" id="">
<option value="china">中國</option>
<option value="us">美國</option>
<option value="eth">瑞士</option>
<option value="yindu">印度</option>
</select>
</p>
<!--文字域
cols="50" rows="10"-->
<p>反饋：
<textarea name="textarea" cols="30" rows="10">文字內容</textarea>
</p>
<!--文字域
input type="file" name="file"
-->
<p>
<input type="file" name="files">
<input type="button" value="上傳" name="upload">
</p>
<p>郵箱：
<input type="email" name="email" />
</p>
<p>URL:
<input type="url" name="url"/>
</p>
<!--數字-->
<p>數字
<!--step="n"每次增加/減少n-->
<input type="number" name="num" max="100" min="10" step="1">
</p>
<!--滑塊
input type="range"
-->
<p>音量：
<input type="range" name="voice" min="0" max="100" step="2">
</p>
<!--搜尋框-->
<p>搜尋：
<input type="search" name="search" >
</p>
<p>
<input type="submit">
<input type="reset" value="清空表單">
</p>
</form>
</body>
</html>
表單應用
- 隱藏域hidden
- 只讀readonly
- 禁用disabled
表單初級驗證
- 常用方式
- placeholder提示資訊
- required非空判斷
- pattern 正則表示式
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>表單</title>
</head>
<body>
<form>
<p>名字
<!--required 非空欄位-->
<input type="text" name="username" placeholder="請輸入使用者名稱" required>
</p>
<p>密碼
<input type="password" name="psw" placeholder="請輸入密碼" required>
</p>
<p>自定義郵箱
<input type="text" name="diyeamil" pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$">
</p>
<p>
<input type="submit">
<input type="reset">
</p>
</form>
</body>
</html>