Facebook
From fdfd, 1 Month ago, written in HTML5.
Embed
Download Paste or View Raw
Hits: 125
  1. <html lang="tr">
  2. <head>
  3.   <meta charset="UTF-8">
  4.   <meta name="viewport" c initial-scale=1.0">
  5.   <title>Kayıt Formu</title>
  6.   <style>
  7.     body {
  8.       font-family: Arial, sans-serif;
  9.     }
  10.    
  11.     .form-container {
  12.       width: 400px;
  13.       margin: 20px auto;
  14.       border: 1px solid #ccc;
  15.       padding: 20px;
  16.     }
  17.    
  18.     .form-title {
  19.       font-size: 18px;
  20.       font-weight: bold;
  21.       margin-bottom: 10px;
  22.     }
  23.    
  24.     .form-group {
  25.       margin-bottom: 10px;
  26.     }
  27.    
  28.     .form-label {
  29.       display: block;
  30.       margin-bottom: 5px;
  31.     }
  32.    
  33.     .form-input {
  34.       width: 100%;
  35.       padding: 5px;
  36.       border: 1px solid #ccc;
  37.     }
  38.    
  39.     .form-button {
  40.       margin-top: 10px;
  41.       padding: 5px 10px;
  42.       font-size: 16px;
  43.       border: 1px solid #ccc;
  44.       background-color: #000;
  45.       color: #fff;
  46.       cursor: pointer;
  47.     }
  48.   </style>
  49. </head>
  50. <body>
  51.   <div class="form-container">
  52.     <h2 class="form-title">Kayıt Formu</h2>
  53.     &lt;form acti&gt;
  54.       <div class="form-group">
  55.         <label class="form-label" for="isim">İsminiz:</label>
  56.         &lt;input class="form-input" type="text" id="isim" name="isim"&gt;
  57.       </div>
  58.       <div class="form-group">
  59.         <label class="form-label" for="yas">Yaşınız:</label>
  60.         &lt;input class="form-input" type="number" id="yas" name="yas"&gt;
  61.       </div>
  62.       <div class="form-group">
  63.         <label class="form-label" for="cinsiyet">Cinsiyet:</label>
  64.         <select class="form-input" id="cinsiyet" name="cinsiyet">
  65.           <option value="kadin">Kadın</option>
  66.           <option value="erkek">Erkek</option>
  67.         </select>
  68.       </div>
  69.       <div class="form-group">
  70.         <button class="form-button" type="submit">Gönder</button>
  71.         <button class="form-button" type="reset">Sıfırla</button>
  72.       </div>
  73.     &lt;/form&gt;
  74.   </div>
  75. &lt;/body&gt;
  76. &lt;/html&gt;
  77.