-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathoptions.html
36 lines (34 loc) · 1.18 KB
/
options.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<!-- options.html -->
<!DOCTYPE html>
<html>
<head>
<title>Extension Options</title>
<style>
/* Basic styling for better visualization */
body { font-family: Arial, sans-serif; padding: 20px; }
#qa-list { margin-top: 20px; }
.qa-item { margin-bottom: 10px; }
.qa-item input { width: 300px; }
.qa-item button { margin-left: 10px; }
</style>
</head>
<body>
<h1>Settings</h1>
<form id="options-form">
<h2>Personal Information</h2>
<label for="firstName">First Name:</label><br>
<input type="text" id="firstName"><br><br>
<label for="lastName">Last Name:</label><br>
<input type="text" id="lastName"><br><br>
<label for="phoneNumber">Phone Number:</label><br>
<input type="text" id="phoneNumber"><br><br>
<label for="city">City:</label><br>
<input type="text" id="city"><br><br>
<h2>Question-Answer Pairs</h2>
<div id="qa-list"></div>
<button type="button" id="add-qa-button">Add Question-Answer Pair</button><br><br>
<button type="submit">Save</button>
</form>
<script src="options.js"></script>
</body>
</html>