index.html

<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <meta http-equiv="pragma" content="no-cache"/>
    <meta http-equiv="cache-control" content="no-cache"/>
    <meta http-equiv="expires" content="0"/>
    <meta http-equiv="keywords" content="dwz,短网址,littletools,小工具,小兔子"/>
    <meta http-equiv="description" content="短网址"/>
    <link rel="icon" type="image/x-icon" href="image/favicon.ico"/>
    <link rel="stylesheet" type="text/css" href="css/BasicGrey.min.css"/>
    <script src="js/jquery-3.2.0.min.js"></script>
    <script src="js/clipboard.min.js"></script>
    <script src="js/flcom.min.js"></script>
    <script src="js/index.min.js"></script>

    <title>短网址</title>

</head>

<body class="basic-grey">

<h1>短网址</h1>

<form>
    <label for="in">请输入要缩短的网址：</label>
    <span><input id="in" type="url"/><br/></span>
    <label for="out">请输入短网址：</label>
    <span>http://dwz.littletools.ml/<input id="out" type="url"/></span>
    <button id="submit" type="button" tabindex="-1">
        开始
    </button>
    <br/>
</form>

<div id="result" style="display:none">
    网址已成功缩短为&nbsp;<a id="url" target="_blank"></a>
</div>

</body>
</html>