Category: HTML

To open a hyperlink in another window or tab with HTML, we set the target attribute.

For instance, we write

<a href="http://www.example.com/" target="_blank">Starfall</a>

to add a link that opens http://www.example.com/ in a new tab.

We set the target attribute to _blank to open the link in a new tab.

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.

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.

To run HTML file on localhost, we use the http-server npm package.

To use it, we

1. install Node.js

2. In CMD, run npm install http-server -g to install http-server globally.

3. Navigate to the specific path of your file folder in CMD and run http-server

4. Go to your browser and type localhost:8080.

To set character limit in HTML, we set the maxlength attribute.

For instance, we write

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

to set the maxlength attribute to 10 to set the max number of characters allowed in the input to 10.

To set the character limit in HTML, we set the maxlength attribute.

For instance, we write

<input type="text" id="Textbox" name="Textbox" maxlength="10" />

to set the maxlength attribute to 10 to make the input takes max 10 characters.

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.

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.

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.

To escape < and > inside pre tags with HTML, we use HTML entities.

For instance, we write

<pre>
    PrimeCalc calc = new PrimeCalc();
    Func&lt;int, int&gt; del = calc.GetNextPrime;
</pre>

to replace < with < and replace > with >.