效果图如下
代码
<!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" href="http://tool.niuguwen.com/niuguwen.css"> </head> <body> <div class="ngwform" style="width:800px; margin:0 auto;"> <div class="formtitle">用户注册</div> <form action="" method="post"> <div> <label>姓名：</label> <input class="input" type="text" name="xingming" value="牛哥"> </div> <div> <label>性别：</label> <section> <p><input class="radio" type="radio" name="xingbie" value="男" checked="checked">男</p> <p><input class="radio" type="radio" name="xingbie" value="女">女</p> </section> </div> <div> <label>年龄：</label> <input class="input" type="text" name="nianling" value="18"> </div> <div> <label>爱好：</label> <section> <p><input class="checkbox" type="checkbox" name="aihao[]" value="篮球">篮球</p> <p><input class="checkbox" type="checkbox" name="aihao[]" value="看书">看书</p> <p><input class="checkbox" type="checkbox" name="aihao[]" value="电影">电影</p> </section> </div> <div> <label>班级：</label> <select name="banji"> <option value="互联网金融">互联网金融</option> <option value="大数据">大数据</option> </select> </div> <div> <label>备注：</label> <textarea row=5></textarea> </div> <input type="hidden" name="ispost" value="1"> <input type="submit" class="btn" value="提交"> </form> </div> </body> </html>