2. nidar ka bhavvachak

1.	2. nidar ka bhavvachak
Answer» $\\\\ \\\\input[type=text] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; }\\\\input[type=text1] { width: 100%; padding: 12px 20px; margin: 8px 0; box-sizing: border-box; border: 4px solid steelblue; border-radius: 4px; }\\ \\ input[type=text2] { width: 100%; box-sizing: border-box; border: 2px solid #ccc; border-radius: 4px; font-size: 16px; background-color: white; background-image: url ('sicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; }\\ \\ input[type=text3] {\\width: 130px; box-sizing: border-box; border: 3px solid steelblue; border-radius: 4px; font-size: 16px; background-color: white; background-image: url('sicon.png'); background-position: 10px 10px; background-repeat: no-repeat; padding: 12px 20px 12px 40px; -webkit-transition: width 0.4s ease-in-out; transition: width 0.4s ease-in-out; }\\input[type=text3]:focus { width: 60%; }\\\\\\\\Padded Text fields:\\\\First Name Last Name \\\\\\ Bordered Text Fields\\\\ \\First Name Last Name \\\\\\Text Fields with icon/image \\\\\\\\\\ Animated Text Field \\ \\ \\\\\\\\$

Discussion