Level no.16




 Lecture no.16

How to create space in html?
 We cannot do spacing in HTML by space-bar,by default it counts only one. So we use  "&nbps;" entity in HTML for spacing. It stands for non breaking space in HTML for spacing.

How to set width of text box in form tag?

You can use width attribute with type element or apply style tag with width attribute.

Syntax
Name: <input type="text" width="20px;">

with style tag.

<style width="200px">
Name: <input type="text">
</style>
How to set length of text ?
For setting length we use minlenght and maxlenght attribute in form tag. We cannot use this limit for number attribute in form tag.
Syntax
For writing address we set the limit of the words that they cannot exceed more than 50 words.
Address: <input type="text" minlenght="10" maxlenght="50">.

Required and Readonly Attribute
Required Attribute
The required attribute is used to mark a form element as required. which means that user must provide a value for that element before they submit a form. if your tries to fill form without filling the required field they will receive an error message to complete this field.

Syntax 
Name: <input type="text">
Age: <input type="number" required>

In this it is compulsory for user to fill age field if they not provide data at age field surely get an error message.

Readonly Attribute
It is used to make form un-editable. It means that user can see the element not providing any text or number.It is used where user id not allowed to change information or provide any type of information.

Syntax 
Name: <input type="text">
Age: <input type="number" >
Address: <input type="text" id="balance" value="$23000" readonly>

User cannot change information in address element. They can only read that information.

How to write by default message in html?
By creating by default message in html the placeholder attribute is used. This can be used with any type of attribute because it can only print default message.

Syntax
Email: <input type=email" placeholder="xyz@gmail.com">
This is how you can write default message in html.

Fieldset and Legend  Tag
Fieldset tag is to make a group of related elements in the form, and it creates the box over the elements. It is used to define the title for the child content and the legend tag is used for parent content. Fieldset is used to group related element together. Legend tag is provide the title or description for the grouping element

Syntax
<fieldset>
<legend> </legend>
</fieldset>
Code
<fieldset>
<legend>contact info. </legend>
Name: <input type="text">
Age: <input type="number" >
email: <input type="email">
</fieldset> <br> <br> 

<fieldset>
<legend>educational  info. </legend>
School grade: <input type="text">
passing year <input type="number" >
College grade: <input type="text">
passing year <input type="number" >
email: <input type="email">
</fieldset> <br> <br> 

How to change color in fieldset tag?

To change color in fieldset tag the background-color with style  attribute is used.
Syntax
<fieldset style=" background-color= red"> 

</fieldset   style=" background-color= blue">

Comments

Post a Comment

Popular posts from this blog

Level no.4

Image
Lecture 4 How to create Boilerplate Automatically in html? To create boilerplate automatically  in html. "Shift + 1" keyword is used. How to change color in html? <font></font> tags are used to change color in html. In font tag color attribute are used. How to use Font tag with color attribute? <font color="purple"> Hello World </font>. Hello World Difference between tags and attribute? Tags are used to hold the html element and attributes add additional information in tags.We can apply multiple attribute in tags. How to change size in html? To change size in html <font></font> tag with size attribute. How to use Font tag with size attribute? <font size="100">Pakistan</font>. Pakistan. How to change writing style  in html? The style of the writing is changed by using font tag with face attribute. How to use? To use font tag with face attribute we can change writing style. <font face="  Georgia &
Read more

Level no.21

Image
CSS Properties  In this lecture we will study about properties of CSS, that define  how HTML element should be displayed on web-page and how we make our web-page layout defined and manageable. Here are some CSS properties: border: It is used for defining the border around the element. syntax:  border: 5px solid black; border-width: It is used for setting width of the border around the element. Syntax:  border-width: 10px; border-style: It is used for setting style of border, in which style the border will appear. Syntax: border-style:solid; border-color:  It is used for changing the color of the border around the HTML element. syntax: border-color: 5px   solid black; border-radius:  It is used for making border corners round, giving them round shape.You can make any side of the border round just by assigning the exact position. Syntax: border-radius: 39px;  You can gradually increase the value according to your preference. Width and Height: This property sets the dimensions of the
Read more

Level no.3

Image
 Lecture 3 In this lecture I study about tags which are used in html. Bold:   To do text bold in html. we use tags <b> </b>. For example <b> Hello World </b>. Hello World Italic: To do text  italic in html.we use tags <i> </i>. For example <i> Hello World < /i>. Hello World     Underline: To place line under any text. we use tags <u> </u>. For example <u> Hello World </u>   Hello World Strike: To use Strike tag in html for unimportant and inaccurate text. For example <strike> 100 </strike>. 100   How to create random paragraph in html? We use "lorem" keyword to create random paragraph in html.           How to use ? <p> lorem <p>. To keep paragraph  on  one page: To keep paragraph on one page in html we use "Alt+Z" keyword.  Superscript and Subscript in html We use superscript and subscript in html to write any formula's and power of a number. Superscript:  Superscri
Read more