Password

Presents a field where all entered characters are shown as asterisks.

• className - (string) the user-defined css class for item
• disabled - (boolean) disables/enables the item
• hidden - (boolean) hides/shows the item. The default value - false (the item is shown)
• info - (boolean) adds the icon after the input label (related event - onInfo)
• inputHeight - (integer or auto) the height of input. The default value is auto
• inputLeft - (integer) sets the left absolute offset of input.Just position:“absolute” makes sense of the attribute
• inputTop - (integer) sets the top absolute offset of input. Just position:“absolute” makes sense of the attribute
• inputWidth - (integer or auto) the width of input. The default value is auto
• label - (string) the text label of item
• labelAlign - (left, right or center) the alignment of label within the defined width
• labelHeight - (integer or auto) the height of label. The default value is auto
• labelLeft - (integer) sets the left absolute offset of label. Just position:“absolute” makes sense of the attribute
• labelTop - (integer) sets the top absolute offset of label. Just position:“absolute” makes sense of the attribute
• labelWidth - (integer or auto) the width of label. The default value is auto
• maxLength - (integer) the max number of characters that can be entered in input
• name - (string) the identification name. Used for referring to item
• note - (object) creates the details block which is placed under the input
  • text - (string) the text of the block
  • width - (integer) the width of the block
• offsetLeft - (integer) sets the left relative offset of item (both input and label)
• offsetTop - (integer) sets the top relative offset of item (both input and label)
• position - (label-left, label-right, label-top or absolute) defines the position of label relative to input
• readonly -(boolean:true/false or 0/1) specifies whether item's value can be changed by button click in browser (meanwhile, item's value can be changed programmatically anytime)
• required - (boolean) adds the icon after the label marking the input as mandatory. Also, setting the attribute to true automatically assignes the 'NotEmpty' validation rule to the input
• style - (string) specifies css style of item
• tooltip - (string) creates the tooltip for the input label
• validate - (predefined rule or custom function) sets the validation rule. See details in the chapter 'Validation'
• value - (string) the initial value of item
• userdata - (object) sets some user data for the input (key:value pairs)

var formData = [
		{type: "settings", position: "label-left", labelWidth: 120, inputWidth: 120},
		//
		{type: "input", label: "Name", value: "John Smith"},
		{type: "password", label: "Password", value: "123"},
		{type: "select", label: "Session", options:[
			{value: "1", text: "Administration"},
			{value: "2", text: "Design"},
			{value: "3", text: "Manage Articles"}
		]}
];