<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css"> </head> <body> <!-- 应用组--> <style> .radio,.checkbox{ width: 20%; display: inline; vertical-align: middle; border: none; } </style> <form action="#" method="post"> <table align="center" width="400px"> <tr> <td>信息：</td> <td colspan="6"><input type="text" placeholder="请输入信息" name="userName" class="form-control"/></td> </tr> <tr> <td>性别：</td> <td> <label for="man">男</label> <input id="man" type="radio" value="男" name="sex" class="form-control radio" title="男" checked/></td> <td> <label for="women">女</label> <input id="women" type="radio" value="女" name="sex" class="form-control radio"/></td> </tr> <tr> <td> 爱好: </td> <td> <label for="eat">吃</label> <input id="eat" type="checkbox" value="吃" name="like" class="form-control checkbox" checked/></td> </td> <td> <label for="he">喝</label> <input id="he" type="checkbox" value="吃" name="like" class="form-control checkbox"/></td> </td> </tr> <tr> <td></td> <td> <label for="play">玩</label> <input id="play" type="checkbox" value="吃" name="like" class="form-control checkbox" checked/></td> </td> <td> <label for="happy">乐</label> <input id="happy" type="checkbox" value="吃" name="like" class="form-control checkbox"/></td> </td> </tr> <tr> <td>民族</td> <td colspan="5"> <select class="form-control"> <optgroup label="汉族"> <option>汉族男人</option> <option>汉族女人</option> </optgroup> <optgroup label="少数民族"> <option selected>壮族</option> <option>苗族</option> <option>傣族</option> <option>仫佬族</option> <option>土家族</option> <option>瑶族</option> <option>毛族</option> </optgroup> </select> </td> </tr> <tr> <td>日期选择</td> <td colspan="5"> <input type="date" class="form-control"/> </td> </tr> <tr> <td>简介</td> <td colspan="5"> <textarea class="form-control" placeholder="请输入简介"></textarea> </td> </tr> <tr> <td>头像</td> <td colspan="5"> <input type="file" class="form-control"/> </td> </tr> </table> </form> </body> </html>
