Вы находитесь на странице: 1из 4

Lab-5

Name:Harsh pandey

Registration no.-18bce1068

Html css (II)

1.code::

<!DOCTYPE html>

<html>

<head>

<title>information</title>

<style type="text/css">

*{

font-family: Arial, Verdana, sans-serif;

color: #ff69b4;}

input {

border-bottom: 1px dotted #dcdcdc;

border-top: none;

border-right: none;

border-left: none;

padding: 5px;

width: 280px;

margin-bottom: 20px;}

input:focus {

border: 1px dotted #dcdcdc;


outline: none;}

input#submit {

color: #ffffff;

background-color: #ff69b4;

border: none;

border-radius: 5px;

width: 80px;}

input#submit:hover {

color: #665544;

background-color: #efefef;}

fieldset {

width: 350px;

border: 1px solid #dcdcdc;

border-radius: 10px;

padding: 20px;

text-align: right;}

legend {

background-color: #efefef;

border: 1px solid #dcdcdc;

border-radius: 10px;

padding: 10px 20px;

text-align: left;

text-transform: uppercase;}

label{

text-align: left;
}

</style>

</head>

<body>

<form action="submit page.html">

<fieldset>

<legend>Personal</legend>

<label for="Name">Name* </label><input type="text" id="name"


required>

<label for="Email">Email* </label><input type="text" id="email"


required>

<label for="Phone">Phone* </label><input type="" id="Phone" required>

<label for="Subject">Subject </label><input type="" id="Subject" required>

</fieldset>

<fieldset>

<legend>Message</legend>

<label for="Message"> Message </label>

<textarea rows="8" cols="50">


</textarea>

</fieldset>

<br>

<input type="submit" value="Submit" id="submit">

</form>

</body>

</html>

Output:

2.

Вам также может понравиться