fix(ui): autocomplete und Formulare für Passwort-Felder

PIN, Backup-Export/Import und API-Key entsprechen Chrome-DOM-Empfehlungen.

Co-authored-by: Cursor <cursoragent@cursor.com>

client/src/components/AuthOnboarding.tsx

@@ -273,6 +273,7 @@ export default function AuthOnboarding({ onAuthenticated, onOpenDemo }: AuthOnbo
             </label>
             <input
               type="password"
+              name="new-pin"
               inputMode="numeric"
               pattern="[0-9]*"
               maxLength={8}
@@ -282,6 +283,7 @@ export default function AuthOnboarding({ onAuthenticated, onOpenDemo }: AuthOnbo
               onChange={(e) => setPinInput(e.target.value.replace(/\D/g, ''))}
               disabled={loading}
               required
+              autoComplete="new-password"
               style={{ width: '100%', padding: '12px', boxSizing: 'border-box' }}
             />
           </div>
@@ -322,6 +324,7 @@ export default function AuthOnboarding({ onAuthenticated, onOpenDemo }: AuthOnbo
           <div className="input-group">
             <input
               type="password"
+              name="pin"
               inputMode="numeric"
               pattern="[0-9]*"
               maxLength={8}
@@ -331,6 +334,7 @@ export default function AuthOnboarding({ onAuthenticated, onOpenDemo }: AuthOnbo
               onChange={(e) => setPinLoginInput(e.target.value.replace(/\D/g, ''))}
               disabled={loading}
               required
+              autoComplete="current-password"
               style={{ width: '100%', padding: '12px', boxSizing: 'border-box' }}
             />
           </div>

client/src/components/LogbookBackupPanel.tsx

@@ -58,6 +58,16 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
   const [error, setError] = useState<string | null>(null)
   const [success, setSuccess] = useState<string | null>(null)
 
+  const handleExportSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    await handleExport()
+  }
+
+  const handleImportSubmit = async (e: React.FormEvent) => {
+    e.preventDefault()
+    await handleRestore()
+  }
+
   const handleExport = async () => {
     setError(null)
     setSuccess(null)
@@ -209,10 +219,12 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
         </h4>
         <p className="text-muted backup-section-desc">{t('settings.backup_export_desc')}</p>
 
+        <form onSubmit={handleExportSubmit} className="backup-export-form">
           <div className="input-group">
             <label htmlFor="backup-export-passphrase">{t('settings.backup_passphrase')}</label>
             <input
               id="backup-export-passphrase"
+              name="backup-export-passphrase"
               type="password"
               className="input-text"
               value={exportPassphrase}
@@ -220,29 +232,32 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
               placeholder={t('settings.backup_passphrase_placeholder')}
               autoComplete="new-password"
               disabled={exporting}
+              required
             />
           </div>
           <div className="input-group">
             <label htmlFor="backup-export-confirm">{t('settings.backup_passphrase_confirm')}</label>
             <input
               id="backup-export-confirm"
+              name="backup-export-confirm"
               type="password"
               className="input-text"
               value={exportConfirm}
               onChange={(e) => setExportConfirm(e.target.value)}
               autoComplete="new-password"
               disabled={exporting}
+              required
             />
           </div>
           <button
-          type="button"
+            type="submit"
             className="btn primary"
-          onClick={handleExport}
             disabled={exporting || !exportPassphrase || !exportConfirm}
           >
             <Download size={16} />
             {exporting ? t('settings.backup_exporting') : t('settings.backup_export_btn')}
           </button>
+        </form>
       </section>
 
       <section className="backup-section backup-section--import" aria-labelledby="backup-import-heading">
@@ -252,6 +267,7 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
         </h4>
         <p className="text-muted backup-section-desc">{t('settings.backup_restore_desc')}</p>
 
+        <form onSubmit={handleImportSubmit} className="backup-import-form">
           <div className="input-group">
             <label htmlFor="backup-import-file">{t('settings.backup_file_label')}</label>
             <input
@@ -271,6 +287,7 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
                 <label htmlFor="backup-import-passphrase">{t('settings.backup_passphrase')}</label>
                 <input
                   id="backup-import-passphrase"
+                  name="backup-import-passphrase"
                   type="password"
                   className="input-text"
                   value={importPassphrase}
@@ -280,6 +297,7 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
                   }}
                   autoComplete="current-password"
                   disabled={importing}
+                  required
                 />
               </div>
 
@@ -293,9 +311,8 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
                   {previewing ? t('settings.backup_previewing') : t('settings.backup_preview_btn')}
                 </button>
                 <button
-                type="button"
+                  type="submit"
                   className="btn primary"
-                onClick={() => handleRestore()}
                   disabled={importing || !importPassphrase}
                 >
                   <Upload size={16} />
@@ -304,6 +321,7 @@ export default function LogbookBackupPanel({ logbookId, onRestored }: LogbookBac
               </div>
             </>
           )}
+        </form>
 
         {importPreview && (
           <div className="backup-preview glass">

client/src/components/SettingsForm.tsx

@@ -293,12 +293,14 @@ export default function SettingsForm({ logbookId, onLogbookRestored }: SettingsF
             </label>
             <input
               id="owm-api-key"
+              name="owm-api-key"
               type="password"
               className="input-text"
               placeholder="e.g. 8b6a7f...d8"
               value={apiKey}
               onChange={(e) => setApiKey(e.target.value)}
               disabled={saving}
+              autoComplete="off"
             />
           </div>
         </div>