Scribd Logo
Upload

Welcome to Scribd!

  • Ui and Ux Design

    Uploaded by

    fahipih705
    7 views3 pages
    The document provides HTML and CSS code to create a registration form with fields for name, course, gender, contact details, address, email, password, and submit button. The HTML code defines the form fields and labels, while the CSS code styles the form for easy reading and usability by setting properties like font, size, padding, and color. The form is centered on the page and fields are formatted to be readable and user-friendly.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides HTML and CSS code to create a registration form with fields for name, course, gender, contact details, address, email, password, and submit button. The HTML code defines the form fields and labels, while the CSS code styles the form for easy reading and usability by setting properties like font, size, padding, and color. The form is centered on the page and fields are formatted to be readable and user-friendly.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views3 pages

    Ui and Ux Design

    Uploaded by

    fahipih705
    The document provides HTML and CSS code to create a registration form with fields for name, course, gender, contact details, address, email, password, and submit button. The HTML code defines the form fields and labels, while the CSS code styles the form for easy reading and usability by setting properties like font, size, padding, and color. The form is centered on the page and fields are formatted to be readable and user-friendly.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    UI AND UX DESIGN

    HTML Code:
    <!DOCTYPE html>
    <html>
    <head>
    <link rel="stylesheet" type="text/css" href="style.css">
    </head>
    <body>
    <form>
    <label for="firstname">Firstname:</label><br>
    <input type="text" id="firstname" name="firstname"><br>
    <label for="lastname">Lastname:</label><br>
    <input type="text" id="lastname" name="lastname"><br>
    <label for="course">Course:</label><br>
    <input type="text" id="course" name="course"><br>
    <label for="gender">Gender:</label><br>
    <select id="gender" name="gender">
    <option value="male">Male</option>
    <option value="female">Female</option>
    <option value="other">Other</option>
    </select><br>
    <label for="phone">Phone:</label><br>
    <input type="text" id="phone" name="phone"><br>
    <label for="currentaddress">Current Address:</label><br>
    <input type="text" id="currentaddress" name="currentaddress"><br>
    <label for="email">Email:</label><br>
    <input type="text" id="email" name="email"><br>
    <label for="password">Password:</label><br>
    <input type="password" id="password" name="password"><br>
    <label for="retypepassword">Re-type Password:</label><br>
    <input type="password" id="retypepassword"
    name="retypepassword"><br>
    <input type="submit" value="Submit">
    </form>
    </body>
    </html>

    Style.css
    body {
    font-family: Arial, sans-serif;
    }
    form {
    width: 300px;
    margin: 0 auto;
    }
    label {
    font-weight: bold;
    }
    input[type=text],
    input[type=password],
    select {
    width: 100%;
    padding: 12px 20px;
    margin: 8px 0;
    box-sizing: border-box;
    }
    input[type=submit] {
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    cursor: pointer;
    width: 100%;
    }
    input[type=submit]:hover {
    background-color: #45a049;
    }

    ~By
    S P Harshid Dev
    7376212CT114

    You might also like