input password

input password

HTML input password Element

Setting the HTML input element's type attribute to "password" will render a component used to intake private passwords in your web<form>. It will render the password that a user types in as a series of dots instead of possibly revealing a password to nearby onlookers while they log in. In order to create a password field security toggle mechanism so the user can choose between security modes,

HTML CODE EXAMPLE

<fieldset>
  <legend>Please Log In</legend>
  <p>
    User Name: <input type="text" name="username">
    Password: <input type="password" name="userpass">
  </p>
  <input type="submit">
</fieldset>

 

Please Log In

User Name:  Password: 

 click here to code.

Attributes for this element:

type - specify the type of input
Value: "password"
name - specify the input's name that your form parsing script will access
Possible Values: "short descriptive name"
maxlength - specify the maximum amount of data the user can type in
Possible Values: "an integer"
value - insert default content (this is not 'placeholder' text, see below for that)
Possible Values: "a string"
size - specify the column amount which determines the input width (or use CSS)
Possible Values: "an integer"
disabled - specify that the input be disabled
Possible Values: "disabled"
readonly - specify that the input is read only and should not receive edits to it
Possible Values: "readonly"
global attributes - global core attributesSee: list of global attributes

New HTML5 attributes for this element:(applies 2014)

placeholder - specify text that describes the field but that goes away once input is engaged
Possible Values: "you define a string"
pattern - specify a regular expression pattern check for the input
Possible Values: "a regex to match against"
required - specify that the input is a required form field
Possible Values: "required"
form - set a relationship between the input and a form
Possible Values: "a form's id attribute value"
autofocus - specify that the input receive focus when page is loaded
Possible Values: "autofocus"
autocomplete - set the browser's ability to store and prefill values previously entered
Possible Values: "on", "off"

Event handlers for this element:

global event handlers - global event handler attributesSee: list of global event handlers

Tweet