How to make YouTube iframe embed full screen with HTML?

To make YouTube iframe embed full screen with HTML, we set the allowfullscreen attribute.

For instance, we write

<iframe
  src="your_page_url"
  allowfullscreen="allowfullscreen"
  mozallowfullscreen="mozallowfullscreen"
  msallowfullscreen="msallowfullscreen"
  oallowfullscreen="oallowfullscreen"
  webkitallowfullscreen="webkitallowfullscreen"
>
</iframe>

to set the allowfullscreen attribute to allowfullscreen to allow full screen.

We set the equivalent attributes for other browsers to allow full screen on them.

How to click the text to select cthe orresponding radio button with HTML?

To click the text to select cthe orresponding radio button with HTML, we put the radio button in thee label.

For instance, we write

<form>
  <p>What is my middle name?</p>
  <br />
  <label><input id="349" type="radio" value="1" name="question1" />Abe</label>
  <br />
  <label
    ><input id="350" type="radio" value="2" name="question1" />Andrew</label
  >
  <br />
  <label><input id="351" type="radio" value="3" name="question1" />Andre</label>
  <br />
  <label
    ><input id="352" type="radio" value="4" name="question1" />Anderson</label
  >
  <br />
</form>

to add radio buttons inside label elements.

Then we can click on the text to select the radio button.

How to call JavaScript function on link click instead of href in HTML?

To call JavaScript function on link click instead of href in HTML, we set the onclick attribute to call a JavaScript function.

For instance, we write

<a href="javascript:void(0);" onclick="showOld(2367, 146986,2);"> </a>

to set the href attribute to javascript:void(0); to stop navigation.

And we set the onclick attribute to call the showOld function.

How to remove the “No file chosen” tooltip from a file input in Chrome with HTML?

To remove the "No file chosen" tooltip from a file input in Chrome with HTML, we set thr title attribute to a string with a space.

For instance, we write

<input type="file" title=" " />

to add a file input with the title attribute set to a space to make the tooltip empty to remove the message.

How to prevent users from typing in a text field without disabling the field with HTML?

To prevent users from typing in a text field without disabling the field with HTML, we add the readonly attribute.

For instance, we write

<input readonly type="text" />

to add the readonly attribute to the input to stop users from enter input values but not make it grayed out.