27 Μαρτίου 2025

AUDIO

<center><audio controls autoplay>

<source src="1.mp3" type="audio/mpeg">

Your browser does not support the audio element.

</audio> </center>

VIDEO
<center><video width="320" height="240" autoplay muted>
<source src="1.mp4" type="video/mp4"><br><br>
Your browser does not support the video tag.
</video> </center> <br> <br>

<center> <video width="320" height="240" autoplay muted>
<source src="2.mp4" type="video/mp4">
Your browser does not support the video tag.
</video></center>

YOUTUBE
<center><iframe width="420" height="345" src="https://www.youtube.com/embed/tgbNymZ7vqY?autoplay=1&mute=1">
</iframe></center><br><br>

FORMS

<html>

<body>

<h2>The autocomplete Attribute</h2>

<form action="/action_page.php" autocomplete="on">

  First name:<input type="text" name="fname"><br>

  Last name: <input type="text" name="lname"><br>

  E-mail: <input type="email" name="email" autocomplete="off"><br>

</form>

<h2>Textarea</h2>

<form action="/action_page.php">

  <textarea name="message" rows="10" cols="30">The cat was playing in the garden.</textarea>   <br>

</form>

<h2>Date Field Restrictions</h2>

<form action="/action_page.php">

Enter a date before 1980-01-01:<br>

<input type="date" name="bday" max="1979-12-31"><br><br>

Enter a date after 2000-01-01:<br>

<input type="date" name="bday" min="2000-01-02"><br><br>

</form>

<h2>The select Element</h2>

<p>The select element defines a drop-down list:</p>

<form action="/action_page.php">

  <select name="cars">

    <option value="volvo">Volvo</option>

    <option value="saab">Saab</option>

    <option value="fiat">Fiat</option>

    <option value="audi">Audi</option>

  </select>

  <br><br>

</form>

<h2>Checkboxes</h2>

<p>The <strong>input type="checkbox"</strong> defines a checkbox:</p>

<form action="/action_page.php">

<input type="checkbox" name="vehicle1" value="Bike">I have a bike

<br>

<input type="checkbox" name="vehicle2" value="Car">I have a car

<br><br>

</form>

<h2>Radio Buttons</h2>

<p>The <strong>input type="radio"</strong> defines a radio button:</p>

<form action="/action_page.php">

  <input type="radio" name="gender" value="male" checked> Male<br>

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

  <input type="radio" name="gender" value="other"> Other<br><br>

</form>

<h1>File upload</h1>

<form action="/action_page.php">

  Select a file: <input type="file" name="myFile"><br><br>

</form>

<h2>Search Field</h2>

<form action="/action_page.php">

  Search Google:

  <input type="search" name="googlesearch"><br><br><br>

  <input type="submit">

</form>

</body>

</html>

 


Δεν υπάρχουν σχόλια:

Δημοσίευση σχολίου

4o ΜΑΘΗΜΑ  HTML