mirror of
https://github.com/mdn/webextensions-examples.git
synced 2026-04-16 06:18:35 +02:00
36 lines
1.5 KiB
HTML
36 lines
1.5 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<link rel="stylesheet" href="style.css">
|
|
</head>
|
|
<body class="panel">
|
|
<form id="leftpad-form">
|
|
<section class="panel-section panel-section-formElements">
|
|
<div class="panel-formElements-item">
|
|
<label for="text">Text:</label>
|
|
<input type="text" id="text" required>
|
|
</div>
|
|
<div class="panel-formElements-item">
|
|
<label for="amount">Result length:</label>
|
|
<input type="number" id="amount" min="0" step="1" required>
|
|
</div>
|
|
<div class="panel-formElements-item">
|
|
<label for="with">Pad with:</label>
|
|
<input type="text" required value="_" id="with">
|
|
</div>
|
|
<div class="panel-formElements-item">
|
|
<label for="result">Result:</label>
|
|
<output id="result"></output>
|
|
</div>
|
|
</section>
|
|
<footer class="panel-section panel-section-footer">
|
|
<button type="submit" class="panel-section-footer-button default">Pad!</button>
|
|
<div class="panel-section-footer-separator"></div>
|
|
<button id="pad-bg" class="panel-section-footer-button">Pad in background script</button>
|
|
</footer>
|
|
</form>
|
|
<script src="index.js"></script>
|
|
</body>
|
|
</html>
|