第十三天学习笔记
今天主要学习了下表单以及表格的应用，以下是关于表单学习的代码笔记：
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html;charset=UTF-8"> 5 <title>表单作业</title> 6 </head> 7 <body> 8 <form> 9 <table cellspacing="5px"> 10 <!--用户名与密码--> 11 <tr> 12 <th>1、会员登录名和密码</th> 13 <tr> 14 <td align="right">用户名：</td> 15 <td> 16 <input type = "text" name = "user_name" /> 17 <font color = "red">* </font> 18 <input type = "button" name = "inspect_name" value="检查用户名" /> 19 <font color = "blue">5-15位，请...</font> 20 </td> 21 </tr> 22 <tr> 23 <td align="right">密 码：</td> 24 <td> 25 <input type = "password" name = "pawss" /> 26 <font color = "red">* </font> 27 <font color = "blue">5-15位，请...</font> 28 </td> 29 </tr> 30 <tr> 31 <td align="right">再次输入密码：</td> 32 <td> 33 <input type = "password" name = "_Pawss" /> 34 <font color = "red">* </font> 35 <font color = "blue">请再次输入...</font> 36 </td> 37 </tr> 38 </tr> 39 <!--姓名和联系方式--> 40 <tr> 41 <th>2、姓名和联系方式</th> 42 <tr> 43 <td align="right">真实姓名：</td> 44 <td> 45 <input type = "text" name = "true_name"/> 46 <font color = "red">* </font> 47 <input type="radio" checked="checked" value="男" name = "sex"/>男 48 <input type="radio" value="女" name = "sex" />女 49 </td> 50 </tr> 51 <tr> 52 <td align="right">电子邮箱：</td> 53 <td> 54 <input type="text" name = "E_mall"/> 55 <font color="red">* <sup>非常重要</sup></font> 56 </td> 57 </tr> 58 <tr> 59 <td align="right">固定电话：</td> 60 <td> 61 <input type = "text" name = "tell"/> 62 <font color = "red">* </font> 63 <font color = "blue">区号+电话号码</font> 64 </td> 65 </tr> 66 <tr> 67 <td align="right">公司所在地：</td> 68 <td> 69 <select> 70 <option value="北京">北京 </option> 71 <option value="上海">上海 </option> 72 <option value="广州">广州 </option> 73 </select> 74 <select> 75 <option value="北">北 </option> 76 <option value="东">东 </option> 77 <option value="西">西 </option> 78 <option value="南">南 </option> 79 </select> 80 </td> 81 </tr> 82 <tr> 83 <td align="right">街道地址：</td> 84 <td> 85 <input type = "text" name = "_add"/> 86 <font color = "red">* </font> 87 <font color = "blue">填写...</font> 88 </td> 89 </tr> 90 <tr> 91 <td align="right">传真号码：</td> 92 <td><input type="text" name = "_Mall"></td> 93 </tr> 94 <tr> 95 <td align="right">手机号码：</td> 96 <td><input type="text" name = "_PMall"></td> 97 </tr> 98 <tr> 99 <td align="right">邮政编码：</td> 100 <td><input type="text" name = "_dawk"></td> 101 </tr> 102 </tr> 103 <!--公司名称和主要业务--> 104 <tr> 105 <th>公司名称和主要业务</th> 106 <tr> 107 <td align="right">公司名称：</td> 108 <td> 109 <input type="text" name = "firm_name"/> 110 <font color="red">* </font> 111 <font color="blue">请填写在...</font> 112 </td> 113 </tr> 114 <tr> 115 <td align="right">你的职位：</td> 116 <td><input type="text" name = "you_job"></input><font color="red">* </font></td> 117 </tr> 118 <tr> 119 <td align="right">主要营业：</td> 120 <td> 121 <select> 122 <option value = "电子...">电子...</option> 123 <option value = "电子...">电子...</option> 124 <option value = "电子...">电子...</option> 125 </select> 126 <font color="blue">请正确的填写...</font> 127 </td> 128 </tr> 129 <tr> 130 <td align="right">主营产品/服务：</td> 131 <td><input type="text" name = "_Soip"/><font color="red">* </font><font color = "blue">选择...</font></td> 132 </tr> 133 <tr> 134 <td align = "right">公司网址：</td> 135 <td><input type="text" name = "firm_add"/></td> 136 </tr> 137 </tr> 138 <!--提交按钮--> 139 <tr> 140 <td><input type = "button" name = "up" value="提交"/></td> 141 </tr> 142 </table> 143 </form> 144 </body> 145 </html>
效果如图：
知行合一
