Переглянути джерело

replace label with placeholder

mightyplow 4 роки тому
батько
коміт
744f628be7
1 змінених файлів з 4 додано та 4 видалено
  1. 4 4
      src/components/caloriesInput/CaloriesInput.tsx

+ 4 - 4
src/components/caloriesInput/CaloriesInput.tsx

@@ -47,14 +47,14 @@ function CaloriesInput ({addCalories, saveCalories, item}: CaloriesInputProps) {
     <form onSubmit={onSubmit} className={styles.caloriesInput}>
       <div className={styles.inputWrapper}>
         <div className={styles.formRow}>
-          <label htmlFor="caloriesTitle">Nahrungsmittel:</label>
-          <input key={itemTitle} id="caloriesTitle" name="caloriesTitle" type="text" defaultValue={itemTitle}
+          <input key={itemTitle} id="caloriesTitle" placeholder="Nahrungsmittel" name="caloriesTitle" type="text"
+                 defaultValue={itemTitle}
                  required />
         </div>
 
         <div className={styles.formRow}>
-          <label htmlFor="caloriesCount">Kalorien:</label>
-          <input key={itemCount} id="caloriesCount" name="caloriesCount" type="number" defaultValue={itemCount}
+          <input key={itemCount} id="caloriesCount" placeholder="Kalorien" name="caloriesCount" type="number"
+                 defaultValue={itemCount}
                  required />
         </div>
       </div>