Select

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

كود الجزء الاول 

				
					<!DOCTYPE html>
<html>
  <body>
    <form>
      <h3>Country</h3>
      <label for="Country">Country</label>
      <select>
        <option value="Egypt">Egypt</option>
        <option selected value="China">China</option>
        <option value="Spain">Spain</option>
        <option value="iraq">iraq</option>
        <br /><br />
      </select>
      <button>submit</button>
    </form>
  </body>
</html>

كود الجزء التاني 

				
					<!DOCTYPE html>
<html>
  <body>
    <form>
      <h3>Country</h3>
      <label for="Country">Country</label>
      <select>
        <optgroup label="Middel East">
          <option value="Egypt">Egypt</option>
          <option selected value="China">China</option>
          <option value="Spain">Spain</option>
          <option value="iraq">iraq</option>
        </optgroup>
      </select>
      <br /><br />
      <button>submit</button>
    </form>
  </body>
</html>

كود الجزء التالت 

				
					<!DOCTYPE html>
<html>
  <body>
    <form>
      <select name="numbers">
        <optgroup label="from 1 to 5">
            <option value="1">one</option>
            <option value="2">two</option>
            <option value="3">three</option>
            <option value="4">four</option>
            <option value="5">five</option>
        </optgroup>
        <optgroup label="from 6 to 10">
            <option value="6">six</option>
            <option value="7">seven</option>
            <option value="8">eight</option>
            <option value="9">nine</option>
            <option value="10">ten</option>
        </optgroup>
      </select>
      <button type="submit">submit</button>
    </form>
  </body>
</html>

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

من هنا