SecureField for passwords in iOS Swift

Introduction

SecureField lets users type passwords safely by hiding the text. It keeps passwords private on the screen.

When asking users to enter a password in a login screen.

When creating a form that requires a new password or password confirmation.

When you want to protect sensitive text input from being seen by others nearby.

Syntax

iOS Swift

SecureField("Placeholder text", text: $password)

The first part is a placeholder shown before typing.

The text binding connects the field to a variable that stores the input.

Examples

Basic secure field with placeholder and bound to a password variable.

iOS Swift

SecureField("Enter password", text: $password)

Adds a hint to the system that this field is for a password, helping autofill.

iOS Swift

SecureField("Password", text: $userPassword)
  .textContentType(.password)

Disables autocorrect and capitalization for better password input.

iOS Swift

SecureField("New Password", text: $newPassword)
  .autocapitalization(.none)
  .autocorrectionDisabled(true)

Sample App

This app shows a secure password field with a placeholder. The typed password is hidden but shown below as plain text for demo purposes only.

iOS Swift

import SwiftUI

struct ContentView: View {
  @State private var password = ""

  var body: some View {
    VStack(spacing: 20) {
      Text("Please enter your password")
        .font(.headline)

      SecureField("Password", text: $password)
        .textContentType(.password)
        .padding()
        .background(Color(.secondarySystemBackground))
        .cornerRadius(8)

      Text("You typed: \(password)")
        .foregroundColor(.gray)
    }
    .padding()
  }
}

@main
struct MyApp: App {
  var body: some Scene {
    WindowGroup {
      ContentView()
    }
  }
}

Important Notes

SecureField hides the text but still stores it in a variable you can use.

Do not show the password text in real apps; the example shows it only for learning.

Use modifiers like .textContentType(.password) to help autofill and security.

Summary

SecureField is used to safely enter passwords by hiding input.

Bind SecureField to a @State variable to store the password.

Use modifiers to improve user experience and security hints.