Wednesday, September 22, 2021

Html Forms with CSS Background-Colored Style

  Html Forms with CSS Background-Colored Style Code

<!DOCTYPE html>>

<html>


<head>

    <meta charset="utf-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" type="text/css" href="nav.css">

    <title>Html Form</title>

</head>


<body>

<form>

    <label for="fname">First Name::</label><br>

    <input type="text"id="fname"placeholder="You First name"><br>

    <label for="lname">Last Name::</label><br>

    <input type="text"id="lname"placeholder="You Last name">

</form>

</body>


</html>


CSS STYLE SHEET

input[type=text]{

     width:100%;

     padding:12px 20px;

     margin:8px 0;

     box-sizing: border-box;

     border: none;

     background-color:#3cbc8d;

     color: #fff;

}

No comments:

Post a Comment

JavaScript Animated

  JavaScript Animated <!DOCTYPE html> <html> <style> #myContainer {   width: 400px;   height: 400px;   position: relative;...