请用html的方式制作一个具有css样式的表单,表单包括一个文件上传、一个单选框一个提交按钮
时间: 2024-03-03 20:47:24 浏览: 61
好的,以下是代码:
```html
<!DOCTYPE html>
<html>
<head>
<title>表单示例</title>
<style>
form {
margin: 20px;
padding: 20px;
border: 1px solid #ccc;
border-radius: 5px;
}
label {
display: block;
margin-bottom: 10px;
}
input[type="file"] {
margin-bottom: 10px;
}
input[type="radio"] {
margin-right: 5px;
}
input[type="submit"] {
padding: 10px;
background-color: #1e90ff;
color: #fff;
border: none;
border-radius: 5px;
cursor: pointer;
}
</style>
</head>
<body>
<form>
<label for="file">选择文件:</label>
<input type="file" id="file" name="file">
<label for="gender">性别:</label>
<input type="radio" id="male" name="gender" value="male">
<label for="male">男</label>
<input type="radio" id="female" name="gender" value="female">
<label for="female">女</label>
<input type="submit" value="提交">
</form>
</body>
</html>
```
请注意,以上代码只是一个示例,你可以根据自己的需要进行修改和美化。
阅读全文