Fsr060523 html form | form styling

HTML-CSS Conversations
,
#1

Q.s 1:- what is textarea in html ?
Q.s 2 :- How to style outline on input focus ?
Q.s 3 :- How to style placeholder in css ?

2 Likes
#2

Q.s 1:- what is textarea in html ?
Ans: It creates a box to enter multi-line text. We can increase/decrease the lenght and height of the box as per our needs.

Q.s 2 :- How to style outline on input focus ?
Ans: .classname input-focus{
outline-color: red;
}

Q.s 3 :- How to style placeholder in css ?
Ans: .classname input::placeholder {
color: blue;
}

3 Likes
#3

Ans1. textarea is for comments types formate. Syntax is:
Ans2. input::focus{
properties…
}
Ans3.

Krishna Yadav

2 Likes
#4

text area is a box which can be adjusted to write any text…
style outline input focus is like hover to make outline to blink with colour
style placeholder is styling the* enter your name* with any font or colour

2 Likes
#5

  1. textarea in element used in form to collect user input or reviews it hold unlimited number of character

  2. using class name input-focus { outline:color: pink}

  3. classname input : placeholder{ color;grey}

2 Likes
#6

Ans1:- The tag defines a multi-line text input control.
Ans 2:- :focus {
outline: none;
}
Ans 3: ::placeholder

2 Likes
#7
  1. Textarea is used for typing more text , more line of data instead of input
  3. :: placeholder{
    }
2 Likes
#8

1 . Textarea:- element is used to create a multi-line text input field, where users can enter and edit multiple lines of text.
Syntex : Message here
2. Style outline on input focus : in css file - input:focus { outline: 2px solid blue;
}
in body :-

::placeholder {
color: red;
font-style: italic;
}

2 Likes
#9

Q1. Textarea :- Textarea tag is used for the user where they can put their grievances, comments, opinion etc . Generally b default it is bigger than input and can be adjusted in the html page.
Q2. Example : Html Part; form class= “form_css”
input type=“text” placeholder=“Enter Your Name”
CSS Part .form_css input:focus {
outline-width: 2px;
outline-style: solid;
outline-color: red;
}
Q3: Example : Html part form class= “form_css”
input type=“text” placeholder=“Enter Your Name”
CSS part- .form_css:input:: placeholder{
color: lightblue }

3 Likes
#10

gajalAkshoumy

input:focus{

}

2 Likes
#11

gajalakshoumy

input::placeholder{

}

2 Likes
#12

textarea gives the extra space and add multi-line text input control
syntax:

2…
UserName :


.form_css input:focus{
outline-width: 2px;
outline-style: double;
outline-color: goldenrod;
}
3…
.form_css input::placeholder{
color: goldenrod;
font-size: 12px;
}

3 Likes
#13

Ans 1-textarea is use for write some message in the box or receive feedback from user
.Ans 2- class input :focus{
}
. Ans 3- class input::placeholder{
}

2 Likes
#14

@Hiral_Khakhariya

Q1. Text area is used in forms to collect larger multi-line input from users.

Q2. .classname input:focus {
outline-width: 2px;
outline-style: dashed;
outline-color: navy;
}

Q3. .classname input::placeholder {
font-size: 5px;
color: red;
}

2 Likes
#15

1.In textarea we can write multipleline like paragraph in it.
2.input focus:
id and name for input focus.

3.

.css{ color: blueviolet; font-size: 20px; background-color: bisque; font-family: 'Courier New', Courier, monospace; font-weight: 100; }
2 Likes
#16

Text area is used where we can input comments enter and edit multiple lines of text. The box’s length and height may be changed according to our needs.

class input-focus{
outline-color: blue;
outline-style: solid;
}

.class input :placeholder {
color: blue;
}

2 Likes
#17

well done students!!!

1 Like
#18
  1. Textarea acts as rows and cols where user can comment multiple text.
  2. .class input:focus{ }
  3. .class input::placeholder{ }
2 Likes