实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>系统设置</title>
</head>
<body>
<h2>系统设置</h2>
<form action="">
<table>
<tr>
<td><label for="title">站点名称</label></td>
<td><input type="text" id="title" placeholder="建议不超过40个字"></td>
</tr>
<tr>
<td><label for="keywords">关键字</label></td>
<td><input type="text" id="keywords" placeholder="建议用英文逗号分开"></td>
</tr>
<tr>
<td><label for="description">站点描述</label></td>
<td><textarea name="" row="10" cols="30" id="description" required></textarea></td>
</tr>
<tr>
<td colspan="2"><input type="submit" name="submit" value="提交"></td>
</tr>
</table>
</form>
<style>
h2{text-align: center;}
table td{border: none;padding: 15px;}
table{width: 600px;margin: auto;}
table td:first-child{text-align: right;}
input[type="text"]{width: 400px;height: 30px;border: solid 1px black;border-radius: 5px;padding-left: 15px;}
table td textarea{width: 400px;height: 100px;border: solid 1px black;border-radius: 5px;padding-left: 15px;resize: none;}
input[type="submit"]{width: 100px;height: 36px;background: #FFF;border: 2px solid black;border-radius: 8px;}
input[type="submit"]:hover{background: black;color: #FFF;cursor:pointer;}
table tr:last-child td:last-child{text-align: center}
</style>
</body>
</html>运行实例 »
点击 "运行实例" 按钮查看在线实例
