- Feel Educated-feel the real taste of education

Breaking

Wednesday, September 10, 2025

 <!DOCTYPE html>

<html>

<head>

    <title>Iframe Example</title>

</head>

<body>


<h2>1. Embed a Website</h2>

<iframe src="https://www.wikipedia.org" width="500" height="300"></iframe>


<h2>2. Embed a Local Page (Form)</h2>

<iframe width="500" height="400"

srcdoc="

<!DOCTYPE html>

<html>

<body>

<h2>Student Admission Form</h2>

<form>

  Full Name: <input type='text'><br><br>

  Email: <input type='email'><br><br>

  Phone: <input type='text'><br><br>

  Password: <input type='password'><br><br>

  Date of Birth: <input type='date'><br><br>

  Gender: 

  <input type='radio' name='gender'> Male

  <input type='radio' name='gender'> Female<br><br>

  Hobbies:

  <input type='checkbox'> Reading

  <input type='checkbox'> Sports

  <input type='checkbox'> Music<br><br>

  Upload Photo: <input type='file'><br><br>

  Marks (%): <input type='number' min='0' max='100'><br><br>

  <input type='submit' value='Submit'>

</form>

</body>

</html>

"></iframe>


<h2>3. Embed a YouTube Video</h2>

<iframe width="500" height="300" src="https://www.youtube.com/embed/dQw4w9WgXcQ"></iframe>


<h2>4. Two Pages Side by Side</h2>

<iframe src="https://www.wikipedia.org" width="400" height="300"></iframe>

<iframe width="400" height="300"

srcdoc='<h3>This is another page</h3><p>Hello, this is shown side by side!</p>'>

</iframe>


</body>

</html>





<!DOCTYPE html>

<html>

<head>

    <title>Student Admission Form</title>

</head>

<body>


<h2>Student Admission Form</h2>


<form>


  Full Name: 

  <input type="text" placeholder="Enter your full name"><br><br>


  Email: 

  <input type="email" placeholder="example@email.com"><br><br>


  Phone: 

  <input type="text" placeholder="10-digit mobile number"><br><br>


  Create Password: 

  <input type="password" placeholder="At least 6 characters"><br><br>


  Date of Birth: 

  <input type="date"><br><br>


  Exam Start Time: 

  <input type="time"><br><br>


  Gender: 

  <input type="radio" name="gender"> Male

  <input type="radio" name="gender"> Female<br><br>


  Hobbies: 

  <input type="checkbox"> Reading

  <input type="checkbox"> Sports

  <input type="checkbox"> Music<br><br>


  Select Course: 

  <select>

    <option>--Choose Course--</option>

    <option>MCA</option>

    <option>MBA</option>

    <option>BCA</option>

  </select><br><br>


  Upload Photo: 

  <input type="file"><br><br>


  Upload Certificates (PDF only): 

  <input type="file" accept=".pdf"><br><br>


  Choose Uniform Color: 

  <input type="color"><br><br>


  Enter Marks (%): 

  <input type="number" min="0" max="100"><br><br>


  Personal Website (if any): 

  <input type="url" placeholder="https://example.com"><br><br>


  <input type="submit" value="Submit Application">


</form>


</body>

</html>