Default

<label for="text1">
Name
</label>
<input type="text" id="text1">

Implicit label

<label>
Name
<input type="text">
</label>

with default value

<label for="text2">
Name
</label>
<input type="text" id="text2" value="Biggie Smalls">

with placeholder

<label for="text3">
Name
</label>
<input type="text" placeholder="your name" id="text3">

with size

<label for="text4">
Name
</label>
<input type="text" size="15" id="text4">

disabled

<label for="text5">
Name
</label>
<input type="text" disabled id="text5">

aria-disabled

<label for="text6">
Name
</label>
<input type="text" aria-disabled="true" id="text6">

readonly

<label for="text7">
Name
</label>
<input type="text" readonly id="text7">

datalist

<label for="text8">
Name
</label>
<input type="text" id="text8" list="names">
<datalist id="names">
<option value="Danny Brown"></option>
<option value="Freddie Gibbs"></option>
<option value="Marshall Matters"></option>
</datalist>

with autocomplete

<label for="text9">
Name
</label>
<input type="text" autocomplete="family-name" id="text9">

search type

<label for="text10">
Search
</label>
<input type="search" id="text10">

tel type

<label for="text11">
Phone number
</label>
<input type="tel" id="text11">

Default

<label for="text12">
URL
</label>
<input type="url" id="text12">

email type

<label for="text13">
E-Mail
</label>
<input type="email" id="text13">

password type

<label for="text14">
Password
</label>
<input type="password" id="text14">

date type

<label for="text15">
Date
</label>
<input type="date" id="text15">

month type

<label for="text16">
Month
</label>
<input type="month" id="text16">

week type

<label for="text17">
Week
</label>
<input type="week" id="text17">

time type

<label for="text18">
Time
</label>
<input type="time" id="text18">

datetime-local type

<label for="text19">
Date and time
</label>
<input type="datetime-local" id="text19">

number type

<label for="text20">
Number
</label>
<input type="number" id="text20">

range type

<label for="text21">
Range
</label>
<input type="range" id="text21">

color type

<label for="text22">
Color
</label>
<input type="color" id="text22">

file type

<label for="text23">
File
</label>
<input type="file" id="text23">

Text right to left

<div dir="rtl">
<label for="text24">
Name
</label>
<input type="text" id="text24">
</div>

E-Mail right to left

<div dir="rtl">
<label for="text25">
E-Mail
</label>
<input type="email" id="text25">
</div>

E-Mail right to left with placeholder

<div dir="rtl">
<label for="text26">
E-Mail
</label>
<input type="email" id="text26" placeholder="Please enter…">
</div>