HTML Form with input tags, table tag, video tag, audio tag, video tag, google map tag, youtube video tag

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, shrink-to-fit=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>HTML Form Practice</title>
</head>

<body>
    <form action="" method="" align="center">
        <h1>HTML Form</h1>
        <label for="name">Name : </label>
        <input type="text" name="name" id="name" size="30px" placeholder="Enter name" /><br><br>
        <label for="emailId">Email : </label>
        <input type="email" name="email" id="emailId" size="30px" placeholder="Enter Email" /><br><br>
        <label for="passwordshow">Password : </label>
        <input type="password" name="password" id="passwordshow" size="30px" placeholder="Enter Password" /><br><br>
        <label for="dateshow">Date : </label>
        <input type="date" name="date" id="dateshow" /><br><br>
        <label for="datetimeshow">Date & Time : </label>
        <input type="datetime-local" name="datetime" id="datetimeshow" /><br><br>
        <label for="colorshow">Color : </label>
        <input type="color" name="color" id="colorshow" /><br><br>
        <label for="monthshow">Month : </label>
        <input type="month" name="month" id="monthshow" /><br><br>
        <label for="weekshow">Week : </label>
        <input type="week" name="week" id="weekshow" /><br><br>
        <label for="timeshow">Time : </label>
        <input type="time" name="time" id="timeshow" /><br><br>
        <label for="searchshow">Search : </label>
        <input type="search" name="search" id="searchshow" placeholder="Search" /><br><br>
        <label for="numbershow">Number : </label>
        <input type="number" name="number" id="numbershow" min="10" max="100" step="10" /><br><br>
        <label for="rangeshow">Range : </label>
        <input type="range" name="range" id="rangeshow" min="10" max="100" step="10" /><br><br>
        <label for="urlshow">URL : </label>
        <input type="url" name="url" id="urlshow" /><br><br>
        <input type="submit" name="submit" value="submit"><br><br>
        <table border="1" cellspacing="0" cellpadding="10" align="center">
            <tr>
                <td>Audio Tag</td>
                <td>
                    <audio src="../assets/audio_lazy-day.mp3" controls autoplay muted></audio>
                </td>
            </tr>
            <tr>
                <td>Video Tag</td>
                <td>
                    <video src="../assets/video.mp4" width="300px" controls autoplay muted></video>
                </td>
            </tr>
            <tr>
                <td>Youtube Video Tag</td>
                <td>
                    <iframe width="560" height="315" src="https://www.youtube.com/embed/ikKccfEpKBI?si=BthCG1JQ90x4bpoS"
                        title="YouTube video player" frameborder="0"
                        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                        referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
                </td>
            </tr>
            <tr>
                <td>Google Map Tag</td>
                <td>
                    <iframe
                        src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3671.7446332118157!2d72.55504347400105!3d23.03314671593603!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x395e84f53ffdfcb5%3A0x14077a0ac6c67900!2sCreArt%20Solution!5e0!3m2!1sen!2sin!4v1733308908983!5m2!1sen!2sin"
                        width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy"
                        referrerpolicy="no-referrer-when-downgrade"></iframe>
                </td>
            </tr>
        </table><br><br><br>
        <iframe src="../assets/video.mp4" frameborder="5" align="left"></iframe>
        <iframe src="../assets/audio_lazy-day.mp3" frameborder="5" align="right"></iframe>
        <p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Ut ab, dolorum incidunt sint eius excepturi commodi
            optio explicabo corrupti enim eos voluptas ex provident fugit aspernatur veniam fuga labore alias,
            exercitationem animi asperiores tenetur, eligendi ratione. Iure architecto accusamus fuga, sit quas, beatae
            dolorem eum assumenda amet mollitia at neque sed. Ab nulla illum maxime error debitis doloribus consequatur,
            cupiditate aspernatur rerum velit accusantium iusto laudantium sunt sequi, repudiandae doloremque saepe?
            Voluptatem nesciunt pariatur consectetur quaerat quo, optio reprehenderit voluptatibus cupiditate asperiores
            quod tempora, sit error, quis autem quam similique illo suscipit dolores facilis. Eius vel, cupiditate animi
            doloremque, rerum tenetur odit harum, corrupti voluptate fugit necessitatibus totam eum. Molestias est ab
            dolorem. Pariatur tenetur eius soluta et libero hic quae necessitatibus reprehenderit aliquid perspiciatis,
            ullam nulla explicabo quibusdam eaque suscipit! Officiis, necessitatibus assumenda. Nostrum culpa quo
            voluptatem animi, quia maxime error tempora suscipit, ad rem expedita! Ex, unde doloribus maiores deleniti
            quo quia ratione dolorum harum quidem libero dolorem, esse praesentium modi culpa eveniet aliquid quis et in
            accusantium reiciendis iste ut exercitationem velit. Aperiam non tempora aliquid tempore doloremque sed fuga
            itaque! Ipsum veritatis iste tenetur quibusdam odio quas provident rem, quisquam, reiciendis, porro aut esse
            quos. Numquam cumque rem quis qui porro minus cupiditate. Earum commodi quia repellendus. Placeat
            reprehenderit at sequi eius porro. Aut, accusantium ut, id nostrum neque distinctio sint dicta adipisci
            blanditiis ad ullam incidunt molestias aperiam illo hic quam iusto velit. Vitae, repudiandae, a aliquid
            velit animi quia quibusdam delectus perferendis fugit iste, eaque officia qui! Magnam laborum assumenda,
            totam, rem a id iure cupiditate nisi unde soluta nesciunt! Debitis earum dolor provident aperiam esse unde,
            nulla quos laborum itaque ipsam cum iusto eveniet aut explicabo! Omnis eveniet, dignissimos error tempora
            quasi assumenda quia commodi maiores aut accusamus illum voluptatibus libero expedita laborum reiciendis
            numquam odit a iusto in iste similique. Aliquid praesentium aperiam odit dolore consequatur officia incidunt
            impedit eligendi dolores, ipsum repudiandae adipisci ex dicta, perspiciatis quos! Rerum minus porro,
            repellendus voluptatibus culpa cum dolores praesentium quam modi ad ipsa autem architecto sapiente unde
            delectus quisquam cumque. Obcaecati corporis repudiandae at dolor quasi cumque, ullam neque hic a similique
            aut molestiae quam accusamus recusandae temporibus expedita fugit vel inventore tempore odit. Exercitationem
            minima alias, pariatur minus aliquam eos odio fugiat tempora impedit quaerat, similique blanditiis autem
            unde ea, deserunt ad? Ab, molestias id beatae cum dolor eos rerum, voluptatum facilis atque nobis veniam
            nulla corporis. Rem omnis quibusdam reprehenderit voluptatem hic ipsum dolore ullam quod magnam numquam
            inventore molestias ab odit accusamus quaerat consequatur impedit aut sit optio aperiam, reiciendis
            aspernatur in? Laudantium sunt animi ad ex reiciendis maxime sapiente voluptates saepe optio quaerat
            recusandae harum, doloremque illum, quidem cupiditate vero sequi ducimus blanditiis voluptas debitis numquam
            nesciunt. Nemo esse voluptates iusto corporis, sequi consectetur a minus, nesciunt, libero placeat earum
            quasi! Sapiente ad quidem velit incidunt, maxime recusandae possimus totam quia consequuntur illo! Odio sint
            repellat soluta non illo voluptas ut, voluptates veritatis doloremque ullam itaque nesciunt, temporibus eum
            quasi atque assumenda obcaecati. Ut expedita sed officia quos, laboriosam incidunt eaque modi, ea ad fugiat
            nihil possimus deleniti minus harum fuga consequatur voluptatem eligendi itaque? Reiciendis perspiciatis
            dolore accusamus suscipit excepturi inventore quaerat velit earum porro accusantium facere quis, maiores
            eligendi itaque molestias soluta praesentium. Ipsum delectus, tempore sapiente, dolor dolorum doloribus eum
            ex impedit magnam illo odio doloremque hic tempora distinctio repellat iure quia quos voluptatum perferendis
            suscipit mollitia reiciendis corrupti. Distinctio nihil ipsa odio. Omnis in cupiditate voluptates provident
            corporis corrupti ipsam voluptas ducimus optio, odit ad minima iusto quos eos similique eligendi autem
            voluptatum repudiandae a excepturi eum neque dignissimos delectus beatae. Asperiores voluptate impedit
            consequuntur! Aliquid, sit ea ab commodi consequuntur enim dolorem voluptate facilis nesciunt! Fugit facilis
            vel, voluptatem officia vitae, impedit soluta deleniti itaque tempora tenetur ullam laudantium dolor qui
            accusantium est et ducimus architecto animi quam ut dolorum aliquid atque? Aliquid, odit? Sapiente quaerat
            aut velit sint, voluptates ipsam deserunt, facilis cumque doloremque qui vitae laboriosam, nostrum quo
            laudantium recusandae natus? Sequi, illum maiores modi ab quia eligendi doloremque totam quo laudantium
            accusamus deserunt sed? Consequatur, incidunt. Cumque rem iure enim, nostrum odio voluptas nulla eligendi
            voluptates, maiores voluptatem dolor illum laboriosam eum adipisci facere quis nobis est ratione sequi eaque
            minus fugit doloribus ipsa deleniti. Odit amet corrupti nisi alias, ullam ut quaerat distinctio, aut,
            mollitia veniam consectetur nam maiores est nobis. Hic voluptates aut in itaque similique optio eos numquam
            alias aliquam labore porro aperiam sint facilis, doloribus natus, vel temporibus quisquam. Reprehenderit,
            facilis reiciendis labore deserunt veritatis, odit eligendi impedit eius possimus consequatur natus
            accusantium quo quod atque numquam alias aliquam dicta. Qui nam fugiat ab laborum earum voluptatibus at sit
            exercitationem illo voluptates. Est aliquid nulla dolor at repudiandae ab velit ea dolore vel laudantium
            quod fugit consequuntur, eveniet soluta unde alias? Iste debitis praesentium dignissimos sequi? Nesciunt ex
            commodi error, laudantium esse non, aliquid doloremque ipsum alias laborum, eius nobis natus incidunt ipsam
            vitae rerum vel enim cupiditate architecto vero reprehenderit repudiandae nemo. Voluptatum asperiores
            reiciendis odio alias porro ea vitae nobis provident. Beatae suscipit pariatur non inventore odio, doloribus
            tempore magnam sint dolores nobis provident id quod fuga exercitationem necessitatibus, omnis est expedita
            voluptatem ad eius architecto enim sapiente. Expedita reprehenderit eos ea nulla, culpa modi officiis
            voluptates. Officiis repellat, sit voluptatibus molestias placeat esse ex porro natus molestiae minima.
            Quidem quam, perferendis unde quis enim, voluptates explicabo accusamus nam itaque sequi maxime eius
            officia, ad quas et dolorem fuga. Ipsam quibusdam labore maxime tenetur? Temporibus similique aspernatur
            alias fuga. Officiis quo voluptatibus inventore quas quis, aliquam dolores! Aliquid eligendi error
            voluptatibus atque dolorum, dolore dicta dolores saepe tempore quisquam consequatur illo minima minus itaque
            nulla inventore. Itaque vitae unde aperiam deserunt asperiores sapiente dolorem. Tenetur ducimus rerum
            perspiciatis molestias, illo deserunt sunt ab consequatur fugiat! Et doloribus aspernatur enim molestiae
            expedita illum, ullam provident? Possimus accusamus sequi dicta quas eos eligendi exercitationem debitis
            velit! Deleniti debitis amet quisquam voluptatem veritatis sed, quas saepe modi iste eum minima cum
            reprehenderit laborum quam id culpa nulla dolores fuga. A magni hic excepturi non autem doloribus quibusdam,
            minima voluptate. Sequi, ut. Laboriosam, alias quod magnam tempora laudantium, corrupti, laborum minima
            harum rerum distinctio error voluptatum dolor aperiam! Repudiandae officia assumenda distinctio at earum
            odit iure, quam ex porro consequuntur rerum neque praesentium unde sit delectus fugit laudantium soluta
            eligendi cupiditate doloremque quisquam quod explicabo voluptatum? Cumque vel enim soluta eius officia
            reprehenderit suscipit aliquid provident corporis? Temporibus commodi, aut dicta eligendi asperiores
            delectus perferendis, libero numquam eius expedita animi id? A corporis esse iure odio, autem quae dolores
            minus.</p>
    </form>
</body>

</html>





Comments

Post a Comment