要实现图片多选,可以使用HTML的<input type="checkbox">
标签,以下是一个简单的示例:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF8"> <meta name="viewport" content="width=devicewidth, initialscale=1.0"> <title>图片多选示例</title> </head> <body> <h1>图片多选示例</h1> <table border="1"> <tr> <td><input type="checkbox" name="image" value="image1.jpg"></td> <td><img src="image1.jpg" alt="图片1" width="100"></td> </tr> <tr> <td><input type="checkbox" name="image" value="image2.jpg"></td> <td><img src="image2.jpg" alt="图片2" width="100"></td> </tr> <tr> <td><input type="checkbox" name="image" value="image3.jpg"></td> <td><img src="image3.jpg" alt="图片3" width="100"></td> </tr> </table> </body> </html>
在这个示例中,我们创建了一个包含三张图片的表格,每张图片旁边都有一个复选框,用户可以通过勾选或取消勾选来选择或取消选择图片,当用户完成选择后,可以将这些复选框的值提交到服务器进行处理。
最新评论
本站CDN与莫名CDN同款、亚太CDN、速度还不错,值得推荐。
感谢推荐我们公司产品、有什么活动会第一时间公布!
我在用这类站群服务器、还可以. 用很多年了。