gpt4 book ai didi

css - 需要使用 html 5 在图像中添加上传按钮

转载 作者:太空宇宙 更新时间:2023-11-03 17:37:03 28 4
gpt4 key购买 nike

Upload Button :给我建议使用 html5 和 css 和 1.7 在图像中添加上传按钮 对于低于 Java 1.6 的图像,我需要在该 (+) 图像的一 Angular 添加上传按钮。

  <!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="../css/stylejava.css">
</head>
<body>
<h1>Welcome to Java</h1>
<div class="imagewrap">
<button type="submit" class="button" value="Button">
<img src="../images/symbol1.png" alt="Submit"
style="width: 50px; height: 50px">
</button>
<img src="../images/java166.jpg" alt="Mountain View"
style="width: 200px; height: 200px">
</div>
<div class="imagewrap">
<button type="submit" class="button1" value="Button 1">
<img src="../images/symbol.png" alt="Submit"
style="width: 50px; height: 50px">
</button>
<img src="../images/java177.jpg" alt="Mountain Viewm"
style="width: 200px; height: 200px">
</div>

</body>
</html>

这是我的html5代码

最佳答案

你可以使用label标签来实现你想要的。

这是一个例子:http://jsfiddle.net/tvtespeq/

HTML:

<input type="file" id="img-upload">
<label id="img-label" for="img-upload"></label>

CSS:

#img-label {
width: 100px;
height: 100px;
display: block;
background: url("http://placehold.it/100x100");

cursor: pointer;
}

#img-upload {
display: none;
}

关于css - 需要使用 html 5 在图像中添加上传按钮,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29690379/

28 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com