input tipleri ve açıklamaları:

<input type="text">
<!--  -->
<input type="password">
<!--  -->
<input type="file">
<!--  -->
<input type="image">
<!--  -->
<input type="hidden">
<!--  -->
<input type="number">
<!--  -->
<input type="email">
<!--  -->
<input type="search">
<!--  -->
<input type="email">
<!--  -->
<input type="tel">
<!--  -->
<input type="url">
<!--  -->
<input type="submit">
<!--  -->
<input type="reset">
<!--  -->
<input type="radio">
<!--  -->
<input type="checkbox">
<!--  -->
<input type="date">
<!--  -->
<input type="time">
<!--  -->
<input type="week">
<!--  -->
<input type="date time">
<!--  -->
<input type="date time-local">
<!--  -->
<input type="month">
<!--  -->
<input type="color">
<!--  -->
<input type="number" min="1" max="99">
<!--  -->
<input type="readonly">
<!--  -->
<textarea>
<!-- uzatılabilir/kısaltılabilir text alanı -->
</textarea>

<select class="form-select" aria-label="Default select example">
                <option selected>İl Seçiniz</option>
                <option value="1">İstanbul</option>
                <option value="2">Ankara</option>
                <option value="3">İzmir</option>
                <option value="4">Antalya</option>
                <option value="5">Konya</option>
                <option value="6">Trabzon</option>
</select>

Bu tagları css de ayrı olarak seçmek istersek.

• input[type=text] - sadece tipi text olan inputları seçer

• input[type=password] - sadece tipi password olan inputları seçer

• input[type=number] - sadece tipi number olan inputları seçer

• Bir input tıklandığında :focus-within özelliği çalışır.

input[type=text]:focus-within
{
	border:1px solid gray;
}

• Bir input geçersiz olduğunda ona erişmek için :invalid kullanırız.

input[type=mail]:invalid
{
	border-color:red;
	transform: scale(1.1);
}

• Bir input geçerli olduğunda ona erişmek için :validkullanırız.

input[type=mail]:valid
{
	border-color:green;
	transform: scale(1.1);
}

• Daha düzgün hazırlanmış bir form:

<form action="form nere gidecekse oranın adresi" method="get veya post">
<label for="eşsiz isim">Ad-Soyad: </label> <br>

	<input type="text" id="eşsiz isim"  name="eşssiz isim"> <br>

<label for="eşsiz isim 2">Sallamasyon: </label> <br>

	<input type="text" id="eşsiz isim 2"  name="eşssiz isim 2"> <br>

	<input type="submit"> <input type="reset">
</form>

input etiketinin ortak özellikleri

1. size :Form elemanının genişliği.