Building Resilient Systems on AWS: Learn how to design and implement a resilient, highly available, fault-tolerant infrastructure on AWS.

iPhone-Style Password Inputs with Appcelerator Titanium

By David Walsh on April 5, 2011

Most mobile applications ask you for your credential so that they may verify your account and pull information via an API. My mobile application is no different. The problem I ran into was that I couldn't find the method by which to emulate the iPhone's password field behavior. Luckily a quick search gave me the answer:

// Create the text field
var formElement = Titanium.UI.createTextField({
	value: "",
	width: 100,
	height: "auto",
	hintText: "Password",
	passwordMask: true
});

Setting the passwordMask property to true provides the true iPhone-style password masking that I desired. Now all but the last letter in the password are properly hidden!

Recent Features

By David WalshMarch 11, 2013
An Interview with Eric Meyer
Your early CSS books were instrumental in pushing my love for front end technologies. What was it about CSS that you fell in love with and drove you to write about it? At first blush, it was the simplicity of it as compared to the table-and-spacer...
By Soledad PenadésJuly 22, 2014
From Webcam to Animated GIF: the Secret Behind chat.meatspac.es!
My team mate Edna Piranha is not only an awesome hacker; she's also a fantastic philosopher! Communication and online interactions is a subject that has kept her mind busy for a long time, and it has also resulted in a bunch of interesting experimental projects...