HTML5是一種讓網頁開發更加簡單而強大的語言，也為我們提供了強大的電子簽名板功能。下面是一個簡單的HTML5電子簽名板代碼，讓我們一起來看看：

<canvas id="signature-pad" width="300" height="200"></canvas>
<script>
const canvas = document.getElementById('signature-pad');
const ctx = canvas.getContext('2d');
let drawing = false;
let lastX = 0;
let lastY = 0;
canvas.addEventListener('mousedown', e => {
lastX = e.offsetX;
lastY = e.offsetY;
drawing = true;
});
canvas.addEventListener('mousemove', e => {
if (drawing) {
ctx.beginPath();
ctx.moveTo(lastX, lastY);
ctx.lineTo(e.offsetX, e.offsetY);
ctx.stroke();
lastX = e.offsetX;
lastY = e.offsetY;
}
});
canvas.addEventListener('mouseup', () => {
drawing = false;
});
</script>

這段代碼包含三個部分：HTML部分，JavaScript部分和CSS樣式表。讓我們一一介紹：

HTML部分包含一個canvas元素，它是HTML5提供的一個標簽，用于繪制各種圖形和動畫。在這個例子中，我們將使用它來繪制電子簽名。

JavaScript部分包含了繪制電子簽名的代碼。我們在這里定義了一個drawing標志，用于標記用戶是否在屏幕上繪制了電子簽名。當用戶按下鼠標左鍵時，我們記錄下鼠標當前位置并將drawing標志設置為真。當用戶在屏幕上移動鼠標時，我們向畫布中添加一個新的路徑，并使用moveTo（）和lineTo（）命令繪制從上一個點到當前點的線段。最后，當用戶釋放鼠標時，我們將drawing標志設置回false，表示繪制過程已經結束。

最后，我們需要使用CSS樣式表來修改canvas元素的外觀。我們可以定義大小，顏色和邊框等屬性。在這個例子中，我們只是簡單地為畫布添加了一個固定的大小。