HTML Standard: <input> tag

HTML Standard

HTML Extended

<input> tag

Inserts an input field.

Attributes

Attribute	Description
class	One or more classes.
id	Id.
style	Inline styles. Styles can also be applied using style tags.
type	Input type: text, password (as text), checkbox, radio (as checkbox).
size	Field size. For text and password types.
value	Input value. For text and password types.
checked	For checkbox and radio types.

Styles

Style	Description
color	hexadecimal color HSL color HSLA color (alpha value is ignored) predefined/cross-browser color RGB color RGBA color (calculated from RGB color)
display	none
font-family	Arial, Helvetica, "Times New Roman", Verdana... Any font can be applied, but it must be available in the DOCX or in the OS.
font-size	large larger length: cm, em, ex, in, mm, pt, pc, px, percentage, rem (as em) medium small smaller x-large x-small xx-large xx-small
font-style	italic normal oblique
font-weight	bold bolder normal 700, 800, 900
text-align	center justify left right
text-decoration	line-through double-line-through underline

Code samples

Example #1

<style>
    #mystyle {
      color: rgb(0, 255, 0);
      font-family: "Times New Roman";
    }
</style>
<label>This input text has rgb color and its font family is Times New Roman.</label>
<input id="mystyle" type="text" value="My input">

The resulting Word document looks like:

Example #2

<label for="fname">Name:</label>
<input type="text" name="fname"><br><br>
<label for="fname">Password:</label>
<input type="text" name="fname"><br><br>
<label for="fcheckbox">Checkbox:</label>
<input type="checkbox" name="fcheckbox"><br><br>

The resulting Word document looks like: