index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>ChromeHome</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="main.css">
    <script src="main.js"></script>
</head>
<body>

<div class="css">
    <h1>ChromeHome</h1>
    <label for="search-input"></label><input type="text" placeholder="请输入搜索内容..." id="search-input">
    <label for="select-box"></label><select id="select-box">
        <option value="option1">百度</option>
        <option value="option2">微软</option>
        <option value="option9">F搜</option>
        <option value="option6">B站</option>
        <option value="option7">抖音</option>
        <option value="option12">勾勾</option>
        <option value="option14">百度翻译</option>
        <option value="option13">SearXNG</option>
        <option value="option3">Google</option>
        <option value="option11">DuckDuckGo</option>
        <option value="option10">Yandex</option>
        <option value="option4">Gitee</option>
        <option value="option5">Github</option>
        <option value="option8">CSDN</option>
    </select>
    <button type="button" id="search-button">搜索</button>
</div>

<div class="footer-text">
    <p>
        <a href="https://github.com/CodesPlex" target="_blank">尊重项目原创性</a>
        |
        <a href="https://github.com/CodesPlex/ChromeHome" target="_blank">源代码</a>
        |
        <a href="javascript:void(0);" target="_blank" id="BingAPI_Url">背景照片出处</a>
    </p>
</div>

</body>
</html>