Tutorialspoint

HTML accept Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Subject-wise rank</h2>
      <form action="">
         <label for="stinfo">Student:</label>
         <input type="text" id ="stinfo"><br>
         <label for="sub">Subject:</label>
         <input type="text"><br>
         <label for="rank">Rank:</label>
         <input type="number"><br>
         <label for="marks">Marks:</label>
         <input type="number"><br><br>
         <label for="result">Upload Result Sheet</label><br>
         <input type="file" name="img" accept="image/png"><br><br>
         <input type="submit">
      </form>
   </body>
</html>

HTML abbr Tag

<!DOCTYPE html>
<html>
   <body>
      <h2>Coding Ground</h2>
      <h3>Compilers for Programming Languages and Web Technologies</h3>
      <nav>
         <a href="/compile_java_online.php">Java</a> |
         <a href="/php_terminal_online.php">PHP</a> |
         <a href="/online_jquery_editor.php">jQuery</a> |
         <a href="/compile_c_online.php">C</a> |
         <a href="/compile_cpp_online.php">C++</a> |
         <a href="/online_angularjs_editor.php">AngularJS</a>
      </nav>
      <p>We also have a compiler for <abbr title="JavaScript">JS</abbr> libraries.</p>
   </body>
</html>

HTML a Tag

<!DOCTYPE html>
<html>
   <body>
      <h2>Coding Ground</h2>
      <h3>Compilers for Programming Languages and Web Technologies</h3>
      <nav>
         <a href="/compile_java_online.php">Java</a> |
         <a href="/php_terminal_online.php">PHP</a> |
         <a href="/online_jquery_editor.php">jQuery</a> |
         <a href="/compile_c_online.php">C</a> |
         <a href="/compile_cpp_online.php">C++</a> |
         <a href="/online_angularjs_editor.php">AngularJS</a>
      </nav>
   </body>
</html>

HTML textarea cols Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Interview Questions</h2>
      <p>Why do you want go for the Editor Job Profile? (100 words)</p>
      <textarea rows="6" cols="70">
Write the answer in 100 words only...
</textarea>
      <p>What are your weaknesses? (50 words)</p>
      <textarea rows="4" cols="70">
Write the answer in 50 words only...
</textarea>
   </body>
</html>

HTML DOM Anchor port Property

<!DOCTYPE html>
<html>
   <body>
      <h1>Demo heading</h1>
      <p><a id="mylink" hreflang="en" href="https://abc.com:6064/abc.html/#new">Services</a></p>
      <h2 id="myid"></h2>
      <button onclick="display1()">Display pathname</button>
      <button onclick="display2()">Display hreflang</button>
      <button onclick="display3()">Display port</button>
      <script>
         function display1() {
            var a = document.getElementById("mylink").pathname;
            document.getElementById("myid").innerHTML = a;
         }
         function display2() {
            var a = document.getElementById("mylink").hreflang;
            document.getElementById("myid").innerHTML = a;
         }
         function display3() {
            var a = document.getElementById("mylink").port;
            document.getElementById("myid").innerHTML = a;
         }
      </script>
   </body>
</html>

HTML input min Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Log in to your account</h2>
      <form action="" method="get">
         Id: <input type="number" name="id" min="1" max="10"><br>
         Password: <input type="password" name="pwd"><br>
         DOB: <input type="date" name="dob" autofocus><br>
         <button type="submit" value="Submit">Submit</button>
      </form>
   </body>
</html>

HTML input autofocus Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Log in to your account</h2>
      <form action="" method="get">
         Id: <input type="text" name="id"><br>
         Password: <input type="password" name="pwd"><br>
         DOB: <input type="date" name="dob" autofocus><br>
         <button type="submit" value="Submit">Submit</button>
      </form>
   </body>
</html>

HTML textarea autofocus Attribute

<!DOCTYPE html>
<html>
   <body>
      <h2>Interview Questions</h2>
      <p>Why do you want go for the Technical Writer Job Profile? (100 words)</p>
      <textarea rows="6" cols="70" autofocus>
Write the answer in 100 words only...
</textarea>
      <p>What are your strengths? (50 words)</p>
      <textarea rows="4" cols="70" autofocus>
Write the answer in 50 words only...
</textarea>
   </body>
</html>

HTML td colspan Attribute

<!DOCTYPE html>
<html>
   <head>
      <style>
         table, th, td {
         border: 2px solid blue;
         }
      </style>
   </head>
   <body>
      <h2>Product Expenses</h2>
      <table>
         <tr>
            <th>Domains</th>
            <th>Cost</th>
         </tr>
         <tr>
            <td>Product Development</td>
            <td>500000</td>
         </tr>
         <tr>
            <td>Marketing</td>
            <td>500000</td>
         </tr>
         <tr>
            <td>Services</td>
            <td>100000</td>
         </tr>
         <tr>
            <td>Support</td>
            <td>100000</td>
         </tr>
         <tr>
            <td>Maintenance</td>
            <td>100000</td>
         </tr>
         <tr>
            <td colspan="2">Total Budget = INR 1300000</td>
         </tr>
      </table>
   </body>
</html>

HTML strike Tag

<!DOCTYPE html>
<html>
   <body>
      <h2>Product Launch</h2>
      <p>The product is in <strike>beta testing</strike> launch mode.</p>
   </body>
</html>

Advertisements
Loading...

We use cookies to provide and improve our services. By using our site, you consent to our Cookies Policy.