Page 308 - Web Applications (803) Class 12
P. 308

<label for=”message”>Message:</label>
                              <textarea id=”message” rows=”4” required></textarea>

                              <button type=”submit”>Submit</button>
                          </form>
                          <div id=”feedback-success” class=”hidden”>
                              <p>Thank you for your feedback! We’ll get back to you soon.</p>

                          </div>
                      </main>
                      <script src=”Pscript.js”></script>
                  </body>
                  </html>

                  File5: styles.css
                  body {
                      font-family: sans-serif;

                      margin: 0;
                      padding: 0;
                      background-color: pink;
                  }
                  header {

                      background-color: blue;
                      color: #fff;
                      text-align: center;
                      padding: 1rem;

                  }
                  nav {
                      background-color: #333;
                      color: #fff;
                      text-align: center;

                      padding: 0.5rem;
                  }
                  nav ul {
                      list-style: none;

                      padding: 0;
                  }
                  nav ul li {
                      display: inline;
                      margin-right: 1rem;

                  }
                  nav ul li a {


                306   Touchpad Web Applications-XII
   303   304   305   306   307   308   309   310   311   312   313