學籍管理系統(tǒng)代碼
HTML代碼
以下是學籍管理系統(tǒng)的HTML代碼：
<!DOCTYPE html> <html> <head> <title>學籍管理系統(tǒng)</title> </head> <body> <h1>學籍管理系統(tǒng)</h1> <form> <label for="name">姓名:</label> <input type="text" id="name" name="name"><br> <label for="id">學號:</label> <input type="text" id="id" name="id"><br> <label for="gender">性別:</label> <select id="gender" name="gender"> <option value="male">男</option> <option value="female">女</option> </select><br> <label>年級:</label> <input type="radio" name="grade" value="1">一年級 <input type="radio" name="grade" value="2">二年級 <input type="radio" name="grade" value="3">三年級<br> <input type="submit" value="提交"> </form> </body> </html>
CSS代碼
以下是學籍管理系統(tǒng)的CSS代碼：
form {
padding: 20px;
border: 1px solid black;
width: 500px;
font-family: Arial, sans-serif;
}
label {
display: inline-block;
width: 80px;
font-weight: bold;
margin-bottom: 10px;
}
input[type="text"],
select {
width: 200px;
height: 25px;
border-radius: 5px;
border: 1px solid #ccc;
padding: 5px;
font-size: 16px;
}
input[type="radio"] {
margin-right: 10px;
}
input[type="submit"] {
background-color: #4CAF50;
color: white;
padding: 10px 20px;
border: none;
border-radius: 5px;
cursor: pointer;
font-size: 16px;
}
input[type="submit"]:hover {
background-color: #45a049;
}