表单的应用(相亲专用)
作者:互联网
<!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> </head> <body> <h3>青春不常在,抓紧谈恋爱</h3> <table width="500"> <tr> <td>性别:</td> <td> <input type="radio" name="sex" id="nan" /><label for="nan">男</label> <input type="radio" name="sex" id="nv" /><label for="nv">女</label> </td> </tr> <tr> <td>生日:</td> <td> <select> <option>--请选择年</option> <option>1999</option> <option>1998</option> <option>1997</option> </select> <select> <option>--请选择月--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> <select> <option>--请选择日--</option> <option>1</option> <option>2</option> <option>3</option> <option>4</option> <option>5</option> <option>6</option> <option>7</option> <option>8</option> <option>9</option> <option>10</option> <option>11</option> <option>12</option> </select> </td> </tr> <tr> <td>所在地区:</td> <td> <input type="text" name="text" value="请输入所在地区"/> </td> </tr> <tr> <td>婚姻状况:</td> <td> <input type="radio" name="marry" id="weihun"/><label for="weihun">未婚</label> <input type="radio" name="marry" id="yihun" /><label for="yihun">已婚</label> <input type="radio" name="marry" id="lihun" /><label for="lihun">离婚</label> </td> </tr> <tr> <td>学历</td> <td> <input type="text" name="text" value="博士" /> </td> </tr> <tr> <td>喜欢的类型:</td> <td> <input type="checkbox" name="love" id="wumei" /><label for="wumei">妩媚的</label> <input type="checkbox" name="love" id="cute" /><label for="cute">可爱的</label> <input type="checkbox" name="love" id="fresh" /><label for="fresh">小鲜肉</label> <input type="checkbox" name="lova" id="old" /><label for="old">老腊肉</label> <input type="checkbox" name="love" id="alllike" /><label for="alllike">都喜欢</label> </td> </tr> <tr> <td>文本框:</td> <td> <textarea>个人简介</textarea> </td> </tr> <tr> <td></td> <td> <input type="submit" value="免费注册"> </td> </tr> <tr> <td></td> <td> <input type="checkbox" checked="checked"> 我同意注册条款和会员加入标准 </td> </tr> <tr> <td></td> <td> <a href="#">我是会员,立即登录</a> </td> </tr> <tr> <td></td> <td> <h5>我承诺</h5> <ul> <li>年满18且单身</li> <li>抱着严肃的态度</li> <li>真诚寻找另一半</li> </ul> </td> </tr> </table> </body> </html>
标签:11,10,12,--,表单,选择,专用,会员,相亲 来源: https://www.cnblogs.com/yifaer/p/15585729.html