Posts

Telephone

Image
  <label for="phone">Enter your phone number:</label> <input type="tel" id="phone" name="phone" pattern="[0-9]{3}-[0-9]{3}-[0-9]{4}" required /> <small>Format: 123-456-7890</small>

Html mini project 2

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < table border = "black" >       < caption > Student Information </ caption >         < tr >             < th rowspan = "6" > Info </ th >             < th rowspan = "2" > Name </ th >             < th colspan = "2" > Address </ th >         </ tr >         < tr >             < th > City </ th >             < th > House </ th >       ...

Change Background in html

  style="background-color:powderblue;"

Mini html practice

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < form action = "action/" >     < h2 > Regestration Form </ h2 >     < div >     < lable for = "firstname" ></ lable >     < input type = "text" id = "firstname" placeholder = "First Name" >     < lable for = "lastname" ></ lable >     < input type = "text" id = "lastname" placeholder = "Last Name" >     </ div >     < div >         Please select your gender         < select name = "gender" id = "gender" >             < option valu...

Text Area (Comments, Feedback)

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Document </ title > </ head > < body >   < form >     < div >       < lable for = "feedback" > Please provide your feedback: </ lable >       < textarea id = "feedback" ></ textarea >           </ div >     < hr >     Or     < hr >     < div >       < lable for = "feedback" > Please provide your feedback: </ lable >       < textarea id = "feedback" rows = "10" ></ textarea >     </ div >   </ form >   </ body > </ html >

Range Element

Image
  <! DOCTYPE html > < html lang = "en" > < head >   < meta charset = "UTF-8" >   < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >   < title > Document </ title > </ head > < body >   < form >     < div >       < lable for = "Voloume" > Voloume: </ lable >       < input type = "range" min = "0" max = "100" >       </ div >   < hr >    Or     < hr >     < div >       < lable for = "Voloume" > Voloume: </ lable >       < input type = "range" min = "0" max = "100" step = "10" > </ div >   </ form >   </ body > </ html >

Select Element

Image
  <! DOCTYPE html > < html lang = "en" > < head >     < meta charset = "UTF-8" >     < meta name = "viewport" content = "width=device-width, initial-scale=1.0" >     < title > Document </ title > </ head > < body >     < h2 > Facebook </ h2 >     < form action = "/action" >       < div >         Choose Your Gender       < select name = "Gender" id = "Gender" >         < option > Select Your Option </ option >         < option value = "Male" > Male </ option >         < option value = "Female" > Female </ option >         < option value = "Basketball" > Basketball </ option >       </ div >       </ select >     ...