请你按照这个风格把设置中的提醒图片改为文件选择按钮：!DOCTYPE htmlhtmlhead title屏幕使用时间程序title link rel=stylesheet href=stylecss script src=indexjsscriptheadbody h1屏幕使用时间程序h1 div class=container div class=button onclick=openRep
<!DOCTYPE html>
<html>
<head>
<title>屏幕使用时间程序</title>
<link rel="stylesheet" href="style.css">
<script src="index.js"></script>
</head>
<body>
<h1>屏幕使用时间程序</h1>
<pre><code><div class="container">
<div class="button" onclick="openReport()">报告</div>
<div class="button" onclick="openSettings()">设置</div>
<div class="button" onclick="openAbout()">关于</div>
</div>
<div id="settings" style="display: none;">
<form>
<div class="form-group">
<label for="interval">提醒间隔时间（分钟）:</label>
<input type="number" id="interval" name="interval" required>
</div>
<div class="form-group">
<label for="notification">提醒方式:</label>
<select id="notification" name="notification">
<!-- <option value="fullscreen">全屏提醒</option> -->
<option value="system">系统通知提醒</option>
<!-- <option value="in-app">应用内提醒</option> -->
</select>
</div>
<div class="form-group">
<label for="message">提醒文案:</label>
<input type="text" id="message" name="message" required>
</div>
<div class="form-group">
<label for="image">提醒图片:</label>
<input type="file" id="image" name="image" required>
</div>
<div class="form-group">
<label for="language">语言:</label>
<select id="language" name="language">
<option value="chinese">中文</option>
</select>
</div>
<div class="form-group">
<input type="submit" onclick="submitSettings()" value="保存">
</div>
</form>
</div>
<script>
function openReport() {
// TODO: 打开报告页面的逻辑
console.log('打开报告页面');
}
function openSettings() {
document.getElementById('settings').style.display = 'block';
data = getTimeracker();
document.getElementById('interval').value = data.interval;
document.getElementById('notification').value = data.notification;
document.getElementById('message').value = data.message;
document.getElementById('image').value = data.image;
document.getElementById('language').value = data.language;
}
function openAbout() {
// TODO: 打开关于页面的逻辑
console.log('打开关于页面');
}
function submitSettings() {
interval = document.getElementById('interval').value;
notification = document.getElementById('notification').value;
message = document.getElementById('message').value;
image = document.getElementById('image').value;
language = document.getElementById('language').value;
data = {'interval': interval, 'notification': notification, 'message': message, 'image': image, 'language': language};
setTimeracker(data);
}
</script>
</code></pre>
</body>
</html
原文地址: http://www.cveoy.top/t/topic/iCbF 著作权归作者所有。请勿转载和采集!