Page 300 - Web Applications (803) Class 12
P. 300
<section id=”edit-section” class=”hidden”>
<h2>Edit Profile</h2>
<form id=”profile-form”>
<label for=”edit-name”>Name:</label>
<input type=”text” id=”edit-name” required>
<label for=”edit-age”>Age:</label>
<input type=”number” id=”edit-age” required>
<label for=”edit-location”>Location:</label>
<input type=”text” id=”edit-location” required>
<button type=”submit”>Save</button>
</form>
</section>
<script src=”Pscript.js”></script>
</body>
</html>
File2: styles.css
body {
font-family: Times New Roman, sans-serif;
margin: 0;
padding: 0;
background-color: #f2f2f2;
}
header {
background-color: #333;
color: #fff;
text-align: center;
padding: 1rem;
}
.profile {
background-color: #fff;
padding: 2rem;
border-radius: 10px;
margin: 2rem;
text-align: center;
}
.profile img {
width: 150px;
border-radius: 50%;
298 Touchpad Web Applications-XII

