HTML’ form etiketleri kullanıcıdan veri almak için kullanılır, bu veriler Back-End’te işlenerek gerekli CRUD (Create, Reading, Update, Delete) işlemleri yapılır.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>HTML5 Form ve Inputs</title>
</head>
<body>
<!-- <form action="process.php"> şekl. yazsaydık girdileri backend'teki process.php dosyasına gönderecekti. -->
<!-- <form method="get"> ya da <form action="/action_page.php" method="post"> ile de httpget request mi post requset mi onu belirleyebiliyoruz -->
<form>
<!-- HTML5 Input -->
<label for="name">Name</label> <br />
<!-- label for etiketi üzerine tıklandığı zaman otomatikmen input'a focuslanmasını sağlar -->
<input type="text" placeholder="Your Name" id="name" name="name" /> <br />
<!-- name="name" ise php tarafında yakalamak için kul. -->
<!-- name="name" özl. sayesinde: http://127.0.0.1:5500/HTML5Tutorial/15.Forms.html?name=girilen_deger şekl backendimize değer gönderir -->
<label for="email">E-mail</label> <br />
<input type="email" id="email" name="email" /> <br />
<label for="password">Password</label> <br />
<input type="password" id="password" name="password" /> <br />
<label for="date">Date</label> <br />
<input type="date" id="date" name="date" /> <br />
Gender <br />
Male
<input type="radio" name="gender" value="male" />
Female
<input type="radio" name="gender" value="female" />
Other
<input type="radio" name="gender" value="other" checked /> <br />
Hobbies <br />
Technology
<input type="checkbox" name="art" id="tech" />
Music
<input type="checkbox" name="music" id="music" />
Art
<input type="checkbox" name="sport" id="art" checked /> <br />
Degree <br />
<select name="degree" id="degree">
<option value="bachelor">Bachelor Degree</option>
<option value="msc">Master Degree</option>
<option value="phd" selected>Doctor of Philosophy</option>
</select>
<br />
<textarea
name="message"
id="message"
rows="10"
cols="30"
placeholder="Your Message"
></textarea>
<br />
<button type="reset">Sıfırla</button>
<input type="submit" value="Gönder" />
</form>
</body>
</html>
Mehmet İçme 
Yorum bırakın