Commit c886bdb7 authored by GabrieleGioetto's avatar GabrieleGioetto
Browse files

changed edit

parent 7276ead9
......@@ -14,46 +14,42 @@ function FormInput({
}) {
return (
<form onSubmit={addStudent}>
<label>
Id
<input
required
type="text"
name="id"
value={id}
onChange={(e) => setId(e.target.value)}
/>
</label>
<label>Id</label>
<input
required
type="text"
name="id"
value={id}
placeholder="Id"
onChange={(e) => setId(e.target.value)}
/>
<br />
<label>
Name
<input
value={name}
type="text"
name="name"
onChange={(e) => setName(e.target.value)}
/>
</label>
<label>Name</label>
<input
value={name}
type="text"
name="name"
placeholder="Name"
onChange={(e) => setName(e.target.value)}
/>
<br />
<label>
Email
<input
value={email}
type="text"
name="email"
onChange={(e) => setEmail(e.target.value)}
/>
</label>
<label>Email </label>
<input
value={email}
type="text"
name="email"
placeholder="email"
onChange={(e) => setEmail(e.target.value)}
/>
<br />
<label>
Date of Birth
<input
value={dateOfBirth}
type="text"
name="dateOfBirth"
onChange={(e) => setDateOfBirth(e.target.value)}
/>
</label>
<label>Date of Birth</label>
<input
value={dateOfBirth}
type="text"
name="dateOfBirth"
placeholder="Date of Birth"
onChange={(e) => setDateOfBirth(e.target.value)}
/>
<br />
<input type="submit" value="Submit" />
</form>
......
body {
margin: 0;
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen',
'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue',
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen",
"Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue",
sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
code {
font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New',
font-family: source-code-pro, Menlo, Monaco, Consolas, "Courier New",
monospace;
}
table {
margin-left: auto;
margin-right: auto;
border-collapse: collapse;
}
td,
th {
border: 1px solid #ddd;
padding: 4px;
}
tr:nth-child(even) {
background-color: #f2f2f2;
}
tr:hover {
background-color: #ddd;
}
input[type="text"] {
width: 200px;
margin-left: auto;
margin-right: 0;
padding: 6px 8px;
border: 1px solid #ccc;
border-radius: 4px;
box-sizing: border-box;
margin-top: 3px;
}
label {
display: inline-block;
width: 100px;
text-align: left;
}
input[type="submit"] {
width: 100%;
background-color: #4caf50;
color: white;
padding: 6px 8px;
margin: 4px 0;
border: none;
border-radius: 4px;
cursor: pointer;
}
form {
margin-left: auto;
margin-right: auto;
width: 300px;
}
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment