html css简单form表单源码
生活随笔
收集整理的這篇文章主要介紹了
html css简单form表单源码
小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>用戶注冊(cè)</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="請(qǐng)輸入用戶名:" /></div><div><label for="password">密 碼:</label><input type="text" name="password" placeholder="請(qǐng)輸入密碼:" /></div><div><label>性別:</label><input type="radio" name="gender" /> 男<input type="radio" name="gender" value="women" />女</div><div><label>愛(ài)好:</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>
總結(jié)
以上是生活随笔為你收集整理的html css简单form表单源码的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。
- 上一篇： 信用卡取现日利率是多少 点我就让你明了
- 下一篇： * 将字符串日期时间格式，转为毫秒