Syntax error Set Bordered Form Inputs with CSS

Set Bordered Form Inputs with CSS

To set border to form inputs, use the CSS border property.

You can try to run the following code to add border

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         input[type = text] {
            width: 100%;
            padding: 10px 15px;
            margin: 5px 0;
            box-sizing: border-box;
            border: 3px inset orange;
         }
      </style>
   </head>
   <body>
      <p>Fill the below form,</p>
      <form>
         <label for = "subject">Subject</label>
         <input type = "text" id = "subject" name = "sub">
         <label for = "student">Student</label>
         <input type = "text" id = "student" name = "stu">
      </form>
   </body>
</html>
Updated on: 2020-06-23T15:27:59+05:30

158 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements