html css简单form表单源码

html简单form表单

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>用户注册</title></head><style>body {background-color: #F0F9EB;margin: 0;position: absolute;top: 50%;left: 50%;-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}form {background-image: linear-gradient(104deg, #f1efc7, #ecf2f9);width: 31.25rem;text-align: center;box-shadow: #666 0px 0px 10px;}div {line-height: 60px;}.btn {background-image: linear-gradient(104deg, #f1efc7, #ecf2f9);width: 160px;height: 40px;margin-left: 15px;margin-right: 15px;}input[type=text] {text-align: center;width: 230px;height: 30px;}input[type] {background-color: transparent;}</style><body><form action="/anli/user" method="post"><div><label for="username">用户名:</label><input type="text" name="useranem" placeholder="请输入用户名:" /></div><div><label for="password">密 &nbsp;&nbsp; 码:</label><input type="text" name="password" placeholder="请输入密码:" /></div><div><label>性别:</label><input type="radio" name="gender" /> 男<input type="radio" name="gender" value="women" />女</div><div><label>爱好:</label><input type="checkbox" name="hobby" value="lanqiu" />篮球<input type="checkbox" name="hobby" value="lanqiu" />足球<input type="checkbox" name="hobbyhobby" value="lanqiu" />排球</div><div><input class="btn" type="submit" value="提交" /><input class="btn" type="reset" value="重置" /></div></form></body>
</html>