1. | 'input' Example | | |
2. | input with class name | | |
3. | Set margin for input control | | |
4. | Set input background color and color | | |
5. | Set width and display style for input | | |
6. | Set all input control for margin, left float, width and display style | | |
7. | Set input control with focus to have yellow background | | |
8. | Set required label field to have bold font and highlight color | | |
9. | Set border width, border style and border color for all input controls | | |
10. | Set width and margin for all input controls | | |
11. | Set background color, font and border for form control | | |
12. | Tabbing Order with tabindex | | |
13. | Access Keys | | |
14. | input display: block; | | |
15. | input margin-bottom: 1.25em; | | |
16. | input width: 150px; | | |
17. | input border: 1px solid black; | | |
18. | input border-right: 2px solid black; | | |
19. | input border-bottom: 2px solid black; | | |
20. | Required field | | |
21. | Register for our e-mail | | |
22. | Login form | | |
23. | input class id selector and property selector | | |
24. | input width: 12em | | |
25. | input margin: 0 0 .5em 0; | | |
26. | Attribute Value Selectors for input controls | | |
27. | input padding:2px; | | |
28. | input border:1px solid #eee; | | |
29. | input font: normal 1em Verdana, sans-serif; | | |
30. | input color:#777; | | |
31. | input padding: 2px; | | |
32. | input border: 1px solid #EFEFEF; | | |
33. | input font: normal 1em Verdana, 'Trebuchet MS', Tahoma, sans-serif; | | |
34. | input color: #666666; | | |
35. | input:focus background-color:#ffffcc; | | |
36. | input:focus border-width:3px; | | |
37. | input:focus border-color:#ff0000; | | |
38. | input background: blue; | | |
39. | input color: white; | | |
40. | input border: 3px solid royalblue; | | |
41. | Input border: 2px inset #CECECE; | | |
42. | Input height: 17px; | | |
43. | Input float: left; | | |
44. | Input margin: 8px 0 0 7px; | | |
45. | Input padding: 0 0 0 5px; | | |
46. | Input font-size: 12px; | | |
47. | Input color: #454545 | | |
48. | Input height: 20px; | | |
49. | Input width: 329px; | | |
50. | Input border-top: 1px solid #700303; | | |
51. | Input border-left: 1px solid #700303; | | |
52. | Input border-bottom: 0px; | | |
53. | Input border-right: 0px; | | |
54. | Input margin: 0 5px 0 11px; | | |
55. | Input padding: 2px 0 0 2; | | |
56. | Input background-color: red | | |
57. | input border: 1pt solid #6A849D; | | |
58. | input font: normal 10px tahoma; | | |
59. | input color: #707070; | | |
60. | input margin: 0px 0px 5px 0px; | | |
61. | input color: lightblue; | | |
62. | input border: 3px solid lightblue; | | |
63. | A simple form with input elements | | |
64. | An input form that calls a form-to-email Cgi script | | |
65. | input color: #fcc; background-color: #900; font-size: 1.5em; border: 1px solid #660; padding: 4px; | | |
66. | input margin-bottom: 1.5em; width: 50%; color: #666; background-color: #ccc; | | |
67. | Using border to highlight input | | |
68. | input color: #00008B;background-color: #ADD8E6;border: 1px outset #00008B; | | |
69. | input color: #00008B;background-color: #E3F2F7;border: 1px inset #00008B;width: 200px; | | |
70. | input:focus border: 2px solid #000000; | | |
71. | input:focus background-color:#ffffcc; border-width:3px;border-color:#ff0000; | | |
72. | Single line text input control | | |
73. | Multi line text input control | | |
74. | input:focus background-color:#c4c4c4; | | |
75. | input background-color:#cccccc; | | |
76. | input for email | | |
77. | File input | | |
78. | Image input | | |
79. | Hidden Input Example | | |
80. | Message Input form | | |
81. | File Upload Test | | |
82. | A prepopulated text field with a maximum length | | |
83. | Change textbox border when focus in | | |
84. | 'alt': an alternate description | | |
85. | 'disabled' sets the enabled state of an element | | |
86. | 'vcard_name' sets the element vCard value to use with the autocomplete list provided by the browser | | |