html表单

1. html表单

1) Form表单

表单是一个包含表单元素的区域。主要作用就是向服务器提交数据。

<form action="a.jsp" method="get">
里面是具体的表单内容
</form>

2) 文本表单

2.1 文本框

<form action="a.jsp" method="get">
用户名：<input type="text" id="userName" name="userName"/>
</form>

2.2 密码框

<form action="a.jsp" method="get">
<table>
    <tr><td>用户名：</td><td><input type="text" id="userName" name="userName"/></td></tr>
    <tr><td>密码：</td><td><input type="password" id="pwd" name="pwd"/></td>
    </tr>
</table>
</form>

2.3 文本域

<form action="a.jsp" method="get">
<table>
    <tr><td>用户名：</td><td><input type="text" id="userName" name="userName"/></td></tr>
    <tr><td>密码：</td><td><input type="password" id="pwd" name="pwd"/></td></tr>
    <tr><td colspan="2"><textarea id="desc" name="desc" rows="10" cols="30"></textarea></td></tr>
</table>
</form>

3) 单选框

性别：<input type="radio" name="sex" />男
<input type="radio" name="sex" checked="checked"/>女

4) 复选框

兴趣：
<input type="checkbox" name="hobby" />唱歌
<input type="checkbox" name="hobby" />跳舞
<input type="checkbox" name="hobby" checked="checked"/>游泳

5) 下拉框

年级：
<select id="grade" name="grade">
    <option value="1">一年级</option>
    <option value="2">二年级</option>
    <option value="3">三年级</option>
</select>

6) 按钮

6.1 提交按钮

<input type="submit" value="登录"/>

6.2 普通按钮

<input type="button" value="重置"/>

7) 文件上传

<input type="file" id="fileUpload" name="fileUpload"/>