Forms

Question 1

How to create forms?

Answer 1

form, label input and button should be used.

<div></div>

submit   

we add div because form elements are inline elements.

Question 2

How to move the input to the next line?

Answer 2

make label as block;

display: block;

Question 3

How to add space between the text and the input field ?

Answer 3

use padding for input

Question 4

What is attribute selector?

Answer 4

Suppose only text and email input fields should have the styles then use attribute selector.

input[type=”text”]{
…
}

Question 5

How to remove default border of the input field?

Answer 5

outline:0

Question 6

How to add shadow to the boxes?

Answer 6

box-shadow

Question 7

How to create a text area?

Answer 7

textarea tag

Question 8

How to add a pre-populated value in the input field?

Question 9

How to add a grey text in the input field?

Answer 9

placeholder=””

Question 10

How to make a readonly in input field?

Answer 10

readonly=””

Question 11

How to grey out the input field?

Answer 11

disable=”” value will not be sent to the server.

Question 12

How to limit the characters in the input field?

Answer 12

maxlength

Question 13

How to focus the inout field automatically whne the page loads?

Answer 13

use autofocus.. it is a boolen attribute.

Question 14

How to show suggestions in the text?

Answer 14

use datalist.

a. in datalist give id=”name” and in input give list=”name”. this is to link the datalist to the input.
b. in input field provide, autocomplete=”off”.
c.

Canada      ...

Question 15

How to show a drop down list?

Answer 15

use select and option tags

  select a course 
  HTML

Question 16

How to group a few elements?

Answer 16

Pyament

..

Question 17

What are hidden fields?

Answer 17

WHen we are sending data to the server we want to send some more data about the fields to the server. To send the data we use hidden field.

never store sensitive data in the hidden input field.