菜单切换
FACESOHO知行者
心灵
记录
远方
赞赏工具
源代码:
点击运行
保存
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"><title>反馈表单验证 启蒙教育</title> </head> <body> <style> input[type=text], select, textarea { width:100%; padding:12px; border:1px solid #ccc; border-radius:4px; box-sizing:border-box; margin-top:6px; margin-bottom:16px; resize:vertical; } input[type=submit] { background-color:#4CAF50; color:white; padding:12px 20px; border:none; border-radius:4px; cursor:pointer; } input[type=submit]:hover { background-color:#45a049; } .container { border-radius:5px; background-color:#f2f2f2; padding:20px; } </style> <h3>反馈表单 Feedback Form</h3> <div class="container"> <form action="/try/try.php"> <label for="cname">Contact Person</label> <input type="text" id="cname" name="cname" placeholder="请输入姓名.." value="马大哈"> <label for="email">EMAIL</label> <input type="text" id="email" name="email" placeholder="请输入邮箱.." value="madaha@qq.com"> <label for="country">COUNTRY</label> <select id="country" name="country"> <option value="australia">australia</option> <option value="canada">canada</option> <option value="usa">usa</option> </select> <label for="subject">反馈信息</label> <textarea id="subject" name="subject" placeholder="反馈内容.." style="height:200px">哪有什么岁月静好 不过是有人替你负重前行</textarea> <input type="submit" value="提交"> </form> </div> </body> </html>
运行结果