Text Fields

3 minutes
Share the link to this page
Copied
  Completed
You need to have access to the item to view this lesson.
One-time Fee
$99.99
List Price:  $139.99
You save:  $40
€85.31
List Price:  €119.43
You save:  €34.12
£72.87
List Price:  £102.02
You save:  £29.15
CA$137.10
List Price:  CA$191.94
You save:  CA$54.84
A$153.07
List Price:  A$214.31
You save:  A$61.23
S$127.58
List Price:  S$178.62
You save:  S$51.03
HK$784.90
List Price:  HK$1,098.89
You save:  HK$313.99
CHF 79.84
List Price:  CHF 111.79
You save:  CHF 31.94
NOK kr1,007.79
List Price:  NOK kr1,410.95
You save:  NOK kr403.15
DKK kr636.42
List Price:  DKK kr891.01
You save:  DKK kr254.59
NZ$165.08
List Price:  NZ$231.12
You save:  NZ$66.03
د.إ367.21
List Price:  د.إ514.11
You save:  د.إ146.90
৳12,224.06
List Price:  ৳17,114.18
You save:  ৳4,890.11
₹8,550.05
List Price:  ₹11,970.41
You save:  ₹3,420.36
RM422.80
List Price:  RM591.94
You save:  RM169.14
₦154,358.56
List Price:  ₦216,108.16
You save:  ₦61,749.60
₨28,364.66
List Price:  ₨39,711.66
You save:  ₨11,347
฿3,243.43
List Price:  ฿4,540.94
You save:  ฿1,297.50
₺3,990.56
List Price:  ₺5,586.94
You save:  ₺1,596.38
B$548.56
List Price:  B$768.01
You save:  B$219.44
R1,787.57
List Price:  R2,502.67
You save:  R715.10
Лв167.08
List Price:  Лв233.92
You save:  Лв66.83
₩136,432.45
List Price:  ₩191,010.89
You save:  ₩54,578.43
₪338.63
List Price:  ₪474.10
You save:  ₪135.46
₱5,656.23
List Price:  ₱7,918.95
You save:  ₱2,262.72
¥14,464.05
List Price:  ¥20,250.25
You save:  ¥5,786.19
MX$1,882.31
List Price:  MX$2,635.31
You save:  MX$753
QR364.02
List Price:  QR509.64
You save:  QR145.62
P1,336.26
List Price:  P1,870.82
You save:  P534.55
KSh12,948.70
List Price:  KSh18,128.70
You save:  KSh5,180
E£4,986.15
List Price:  E£6,980.81
You save:  E£1,994.66
ብር13,523.64
List Price:  ብር18,933.64
You save:  ብር5,410
Kz91,690.83
List Price:  Kz128,370.83
You save:  Kz36,680
CLP$93,948.60
List Price:  CLP$131,531.80
You save:  CLP$37,583.20
CN¥717.17
List Price:  CN¥1,004.07
You save:  CN¥286.90
RD$5,954.40
List Price:  RD$8,336.40
You save:  RD$2,382
DA12,937.59
List Price:  DA18,113.15
You save:  DA5,175.55
FJ$224.15
List Price:  FJ$313.82
You save:  FJ$89.67
Q768.66
List Price:  Q1,076.16
You save:  Q307.49
GY$20,901.47
List Price:  GY$29,262.89
You save:  GY$8,361.42
ISK kr12,114.78
List Price:  ISK kr16,961.18
You save:  ISK kr4,846.40
DH904.53
List Price:  DH1,266.38
You save:  DH361.85
L1,679.80
List Price:  L2,351.79
You save:  L671.99
ден5,251.44
List Price:  ден7,352.23
You save:  ден2,100.78
MOP$808.22
List Price:  MOP$1,131.55
You save:  MOP$323.32
N$1,786.82
List Price:  N$2,501.62
You save:  N$714.80
C$3,679.63
List Price:  C$5,151.63
You save:  C$1,472
रु13,674.86
List Price:  रु19,145.35
You save:  रु5,470.49
S/354.75
List Price:  S/496.66
You save:  S/141.91
K413.30
List Price:  K578.64
You save:  K165.34
SAR375.01
List Price:  SAR525.03
You save:  SAR150.02
ZK2,366.25
List Price:  ZK3,312.84
You save:  ZK946.59
L433.54
List Price:  L606.98
You save:  L173.43
Kč2,109.95
List Price:  Kč2,954.02
You save:  Kč844.06
Ft34,034.59
List Price:  Ft47,649.79
You save:  Ft13,615.20
SEK kr948.80
List Price:  SEK kr1,328.36
You save:  SEK kr379.56
ARS$118,403.07
List Price:  ARS$165,769.04
You save:  ARS$47,365.96
Bs690.60
List Price:  Bs966.86
You save:  Bs276.26
COP$403,743.24
List Price:  COP$565,256.70
You save:  COP$161,513.45
₡50,409.70
List Price:  ₡70,575.60
You save:  ₡20,165.89
L2,614.73
List Price:  L3,660.73
You save:  L1,045.99
₲797,587.30
List Price:  ₲1,116,654.13
You save:  ₲319,066.82
$U4,019.51
List Price:  $U5,627.48
You save:  $U1,607.96
zł362.12
List Price:  zł506.98
You save:  zł144.86
Already have an account? Log In

Transcript

Let's discuss the text field element. a text field accepts a single line of user input, which is usually text. Guys, note that this element is one line only. It's used mostly for usernames, passwords and short text inputs. For multi line, or multi style text entry, use a text view instead. Anyway, use a text field though, to get a small amount of information from users.

It's a fixed height field with rounded corners. It's it automatically displays a keyboard when user taps within it. It can include system provided buttons, such as the bookmark button. Text field can display text that uses multiple styles. So you can specify the text color Formed alignment only for plaintext. Though, background image, border style rounded or not.

If it's rounded, you cannot have a special background image there. Also, you can design a disabled state by providing a special background image for that state. You can specify a minimum font size. If you have the adjusted feed option enabled. There just to feed option automatically resizes the font size to ensure the maximum legibility of the text. You can customize the text field if it helps users understand how they should use it.

For example, you can display custom images in the left or right sides of the text field. Or you can add a system provided button. In general, you should use the left and have a text field to indicate its purpose and the right end to indicate the prison have additional features displayed the clear button in the right end of a text field when appropriate. When this element is present, tapping it clears the contents of the text field, eliminating the need to keep tapping the delete key. display a hint in the text field to help users understand its purpose. The placeholder text disappears as soon as any text is entered.

Specify a keyboard type that's appropriate for the type of content you expect users to enter. For example, you might want to make it easy for users to enter a URL I've been or phone number is provide several different keyboard types, each designed to facilitate different type of input. We discussed the keyboard types in the TextView and keyboard lecture. The textfield input can also be masked to protect sensitive information like passwords and pin codes. This is called a secure text field. Again, note that multi line inputs and expandable inputs are technically not a text field.

It's an editable text view. It behaves and has similar features though. Like you can see in the example here, we have an additional button to insert Smiley's

Sign Up

Share

Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.