网页建站工具,手机端网页模板免费,设计类网站排名,网站升级公告模板一、正常情况效果 二、某项没有填写的效果 三、没有勾选同意项的效果 四、代码
!DOCTYPE html
html
headmeta charsetUTF-8title注册/titlestylebody {font-family: Arial, sans-serif;background-color…一、正常情况效果 二、某项没有填写的效果 三、没有勾选同意项的效果 四、代码
!DOCTYPE html
html
headmeta charsetUTF-8title注册/titlestylebody {font-family: Arial, sans-serif;background-color: #f5f5f5;}form {max-width: 500px;margin: 50px auto;padding: 40px;background-color: #fff;box-shadow: 0 2px 4px rgba(0,0,0,0.2);border-radius: 6px;}h1 {font-size: 36px;text-align: center;margin-top: 0;color: #2c3e50;text-shadow: 1px 1px 0 #fff;}label {display: block;margin-bottom: 10px;color: #2c3e50;text-shadow: 1px 1px 0 #fff;font-size: 18px;}input {padding: 10px;width: 100%;border: 1px solid #ccc;border-radius: 4px;margin-bottom: 20px;box-sizing: border-box;font-size: 16px;color: #2c3e50;}input:focus {outline: none;border-color: #51a6ff;}input[typecheckbox] {width: auto;margin-top: 10px;margin-right: 5px;}button[typesubmit] {padding: 12px 24px;background-color: #51a6ff;color: #fff;border: none;border-radius: 4px;cursor: pointer;transition: all 0.3s ease;font-size: 20px;}button[typesubmit]:hover {background-color: #0072c6;}.error {color: #ff4d4d;font-size: 14px;margin-top: 5px;}/style
/head
bodyformh1注册/h1label用户名/labelinput typetext nameusername requiredlabel密码/labelinput typepassword namepassword requiredlabel确认密码/labelinput typepassword nameconfirm_password requiredlabelinput typecheckbox nameagree required我已同意a href#注册协议/a/labelp styletext-align: right;button typesubmit注册/button/p/form
/body
/html
