Button

nomal
<input type="submit" id="submit1">
disabled
<input type="submit" id="submit2" disabled>
pointer-events:none
<input type="submit" id="submit3" style="pointer-events:none;" tabindex="-1">
readonly
<input type="submit" id="submit4" readonly>
display:none
<input type="submit" id="submit5" style="display:none;">
visibility:hidden
<input type="submit" id="submit6" style="visibility:hidden;">
nomal
<a href="#" id="link1">
Link
disabled
<a href="#" id="link2" disabled>
Link
pointer-events:none
<a href="#" id="link3" style="pointer-events:none;" tabindex="-1">
Link
readonly
<a href="#" id="link4" readonly>
Link
display:none
<a href="#" id="link5" style="display:none;">
visibility:hidden
<a href="#" id="link6" style="visibility:hidden;">

Text

nomal
<input type="text" id="textbox1">
disabled
<input type="text" id="textbox2" disabled>
pointer-events:none
<input type="text" id="textbox3" style="pointer-events:none;" tabindex="-1">
readonly
<input type="text" id="textbox4" readonly>
display:none
<input type="text" id="textbox5" style="display:none">
visibility:hidden
<input type="text" id="textbox6" style="visibility:hidden">

Select

nomal
<select id="select1">...</select>
disabled
<select id="select2" disabled>...</select>
pointer-events:none
<select id="select3" style="pointer-events:none;" tabindex="-1">...</select>
readonly
<select id="select4" readonly>...</select>
display:none
<select id="select5" style="display:none;">...</select>
visibility:hidden
<select id="select6" style="visibility:hidden;">...</select>

Select(option)

nomal
<select id="select11">
  ...
  <option>option2</option>
  ...
</select>
disabled
<select id="select12">
  ...
  <option disabled>option2</option>
  ...
  <option disabled selected>option4</option>
</select>
pointer-events:none
<select id="select13">
  <option style="pointer-events:none;">option2</option>
  ...
</select>
readonly
<select id="select14">
  ...
  <option readonly>option2</option>
  ...
</select>
display:none
<select id="select15">
  ...
  <option style="display:none;">option2</option>
  ...
</select>
visibility:hidden
<select id="select16">
  ...
  <option style="visibility:hidden;">option2</option>
  ...
</select>

Radio

nomal
<input type="radio" id="radio_1" name="radio"><label for="radio_1">Radio_1</label>
disabled
<input type="radio" id="radio_2" name="radio" disabled><label for="radio_2">Radio_2</label>
pointer-events:none
<input type="radio" id="radio_3" name="radio" style="pointer-events:none;" tabindex="-1"><label for="radio_3">Radio_3</label>
readonly
<input type="radio" id="radio_4" name="radio" readonly><label for="radio_4">Radio_4</label>
display:none
<input type="radio" id="radio_5" name="radio" style="display:none;"><label for="radio_5">Radio_5</label>
visibility:hidden
<input type="radio" id="radio_6" name="radio" style="visibility:hidden;"><label for="radio_6">Radio_6</label>

Checkbox

nomal
<input type="checkbox" id="check_1" name="check"><label for="check_1">Check_1</label>
disabled
<input type="checkbox" id="check_2" name="check" disabled><label for="check_2">Check_2</label>
pointer-events:none
<input type="checkbox" id="check_3" name="check" style="pointer-events:none;" tabindex="-1"><label for="check_3">Check_3</label>
readonly
<input type="checkbox" id="check_4" name="check" readonly><label for="check_4">Check_4</label>
display:none
<input type="checkbox" id="check_5" name="check" style="display:none;"><label for="check_5">Check_5</label>
visibility:hidden
<input type="checkbox" id="check_6" name="check" style="visibility:hidden;"><label for="check_6">Check_6</label>