Category: HTML

To add a form tag in each table row in HTML, we add a form element and reference the form with the form attribute in the inputs.

For instance, we write

<table>
  <tr>
    <td>Id</td>
    <td>Name</td>
    <td>Description</td>
    <td>&nbsp;</td>
  </tr>
  <tr>
    <td>
      <form id="form1"><input type="hidden" name="id" value="1" /></form>
    </td>
    <td><input form="form1" type="text" name="name" value="Name" /></td>
    <td>
      <input form="form1" type="text" name="description" value="Description" />
    </td>
    <td><input form="form1" type="submit" value="Save" /></td>
  </tr>
  <tr>
    <td>
      <form id="form2"><input type="hidden" name="id" value="1" /></form>
    </td>
    <td><input form="form2" type="text" name="name" value="Name" /></td>
    <td>
      <input form="form2" type="text" name="description" value="Description" />
    </td>
    <td><input form="form2" type="submit" value="Save" /></td>
  </tr>
</table>

to add a table with the form element in the first td element of each row.

Then we add inputs to the other td elements and reference the form by its ID with the form attribute.

To add a degree Celsius symbol into a web page with HTML, we use the ° HTML entity.

For instance, we write

°C

to add the degree Celsius symbol into our web page.

To focus the input box on page load with HTML, we add the autofocus attribute.

For instance, we write

<input type="text" autofocus />

to add an input with the autofocus attribute to focus on the input when the page loads.

To make an HTML button perform a POST request, we add a name and value attribute to the button in the form.

For instance, we write

<form action="" method="post">
  <button name="foo" value="upvote">Upvote</button>
</form>

to add a button with the name and value attributes to make it submit the form.

The form’s method attribute is set to post so a post request is made.

To set focus on an HTML input box on page load, we add the autofocus attribute.

For instance, we write

<input type="text" name="fname" autofocus />

to add the autofocus attribute to focus on the input when the page is loaded.

To set the name of the file downloaded from the browser with HTML, we set the download attribute.

For instance, we write

<a href="path/to/file" download="renamed.txt">Download</a>

to set the download attribute to the name of the downloaded file.

To fix the Youtube iframe loop not working with HTML, we add the playlist query parameter.

For instance, we write

<iframe
  class="embed-responsive-item"
  id="ytplayer"
  type="text/html"
  width="640"
  height="360"
  src="https://www.youtube.com/embed/M7lc1UVf-VE?&autoplay=1&loop=1&rel=0&showinfo=0&color=white&iv_load_policy=3&playlist=M7lc1UVf-VE"
  frameborder="0"
  allowfullscreen
></iframe>

to add the playlist parameter to the embed video URL to autoplay the playlist loop.

To present a YouTube embed video with sound muted with HTML, we set the mute query parameter to 1.

For instance, we write

<iframe
  src="https://www.youtube.com/embed/uNRGWVJ10gQ?rel=0&amp;autoplay=1&mute=1"
  width="560"
  height="315"
  frameborder="0"
  allowfullscreen
></iframe>

to set the mute query parameter to 1 in the video URL to mute the video embedded with the iframe.