首页 > 代码库 > 表单标签
表单标签
表单是用于向服务端通信的ui页面，
*标签<from></form>，表明表单的内容范围
*表单里可以有输入框：<input />
*文本框：<input type="text" />
*密码框：<input type="password" />
*单选框：<input type="radio" />
*复选框：<input type="checkbox" />
*文件框：<input type="file" />
*按钮:<input type="button" />
*提交功能按钮：<input type="submit" />
*重置功能按钮：<input type="reset" />
*隐藏内容，此不显示，但是在提交时会传给服务端:<input type="hidden" />
*图片按钮：用一个图片来代替提交功能按钮：<input type="image" src="http://www.mamicode.com/图片地址" />
*提交信息服务端总得接受理解是什么内容啊，则此时在表单的各个项中应该插入变量和值，此内容由字段，name和value实现
*文本框：<input type="text" name="user" />当文本框中输入东西时，会把user=所输入的东西传到服务端，密码框同理
*单选框：当只是上述那样，发现都可以选择，但是智能选一个，这是应该几个单选框定义一个相同的变量
<input type="radio" name="sex" value="http://www.mamicode.com/nan"/>nan<input type="radio" name="sex" value="http://www.mamicode.com/nv"/>nv
*复选框：<input type="language" value="http://www.mamicode.com/chinese"/>chinese<input type="language" value="http://www.mamicode.com/english"/>english
*下拉框：
<select name="stu">
<option value="http://www.mamicode.com/lisi">lisi</option>
</select>
一下实现一个简单的申请页面，代码如下：
<html> <body> <form> <table border="1" bordercolor="black" cellspacing="0"> <tr> <th colspan="2">login</th> </tr> <tr> <td>user:</td> <td><input type="text" name="user"/></td> </tr> <tr> <td>password:</td> <td><input type="password" name="psd"></td> </tr> <tr> <td>single:</td> <td> <input type="radio" name="sex" value="boy">boy <input type="radio" name="sex" value="girl">girl </td> </tr> <tr> <td>double</td> <td> <input type="checkbox" name="where" value="chian"/>china <input type="checkbox" name="where" value="us"/>us <input type="checkbox" name="where" value="jp"/>jp </td> </tr> <tr> <td>file</td> <td> <select name="code" width="80%"> <option value="null">----</option> <option value="c">c</option> <option value="c++">c++</option> <option value="java">java</option> <option value="php">php</option> </select> </td> </tr> <tr> <th colspan="2"> <input type="submit"/>submit <input type="reset"/>reset </th> </tr> </table> </form> </body></html>
表单标签