首页用html，css，js写一个页面，页面左边是一张图片，占页面的一半，页面右边是form表单，填写编号和姓名

用html，css，js写一个页面，页面左边是一张图片，占页面的一半，页面右边是form表单，填写编号和姓名

时间: 2023-10-05 16:12:41 浏览: 66

以下是一个简单的示例代码，其中左侧的图片使用了占比50%的CSS样式，右侧的表单使用了HTML的`<form>`标签和两个输入框`<input>`，分别为编号和姓名。 ```html <!DOCTYPE html> <html> <head> <title>图片和表单页面</title> <style> img { width: 50%; height: auto; float: left; } form { float: right; width: 50%; padding: 20px; } input { display: block; margin-bottom: 10px; padding: 5px; width: 100%; box-sizing: border-box; } button { display: block; margin-top: 10px; padding: 5px 10px; background-color: #4CAF50; color: white; border: none; border-radius: 4px; cursor: pointer; } </style> </head> <body> <img src="https://via.placeholder.com/500x500" alt="Placeholder Image"> <form> <label for="id">编号:</label> <input type="text" id="id" name="id" required> <label for="name">姓名:</label> <input type="text" id="name" name="name" required> <button type="submit">提交</button> </form> </body> </html> ``` 效果如下图所示： ![图片和表单页面示例效果图](https://i.imgur.com/T1EjyUJ.png)

阅读全文