效果图:
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=Edge">
<meta name="renderer" content="webkit">
<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
<!-- 页面样式 -->
<link rel="stylesheet" href="css/common.css">
<link rel="stylesheet" href="css/index.css">
<!-- 页面标题 -->
<title>js 练习题</title>
</head>
<body>
<div class="time-area">
<div class="container">
<span id="timer">2020/05/24 星期日 17:39:44</span>
</div>
</div>
<div class="container">
<form id="infoForm">
<div class="clearfix form-item">
<div class="l form-txt">
用户名:
</div>
<input type="text" class="l info-input" id="uname">
<div class="l form-tips