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
   295   296   297   298   299   300   301   302   303   304   305