مشروع تواصل معانا

محتويات الدرس

حل المشروع

				
					<!DOCTYPE html>
<html>
  <body>
    <h2>Contact Us</h2>
    <form novalidate>
      <fieldset>
        <legend>"Send Us A message</legend>
        <!-- input for Name  -->
        <p>
          <label for="name">Name:</label>
          <input
            type="text"
            name="name"
            id="name"
            placeholder="Enter Your Name"
            required
          />
        </p>
        <!-- input for email  -->
        <p>
          <label for="Email">Email:</label>
          <input
            type="email"
            name="email"
            id="Email"
            placeholder="Enter Your Email"
            required
          />
        </p>

        <!-- input for message  -->
        <p>
          <label for="message">Your Message</label>
          <br />
          <textarea
            cols="50"
            rows="10"
            name="Message"
            id="message"
            placeholder="Type Your Message"
          ></textarea>
          <br />
          <button type="submit">Send</button>
          <button type="reset">reset</button>
        </p>
      </fieldset>
    </form>
  </body>
</html>

تقدر تشوف الفيديو

من هنا