1,所有的表单空间都应该放在表单标签里面,<form></form>

2,form标签里面可以设置很多属性,如action(表单里面的数据提交到的地址),method(提交数据的方式,有get和post)还有其他的一些等

3,文本框控件<input typ="text" name="name" />,name的作用是方便后台对数据的操作

4,密码框控件<Input type="passwd" name="pwd" />,密码框和文本框都可以设置里面数据的最大长度,和文本框的长度.

5.单选框<input type="radio" name="sex" value="男" checked="checked" >男

    <Input type="radio" name="sex" value="女">女

  .....

注意单选框里面的name必须是相同的.加上checked则表示该选项为默认选项,如果没有改选项的话,那么则不会有默认的选项.

6,复选框<Input type="checkbox" name="aiHao" vlaue="看书" >看书

    <Input type="checkbox" name="aiHao" value="打羽毛球">打羽毛球

    ....

注意:同一个多选框里面的name必须是相同的.,必须要加上value,value为需要传过去的数据,否则服务器不知道你选择了哪项.

7,单选下拉列表

<select name="year">
<option value="1995">1995</option>
<option value="1996">1996</option>
<option value="1997">1997</option>
<option value="1998">1998</option>
</select>

8,文件上传控件

照片:<input type="file" />

9,文本域

<textarea name="jianJie" cols="50" rows="20"></textarea>

cols设置这个文本框的宽有多少列,rows设置文本域的高有多少行.

10.提交按钮

<Input type="submit" name="submit" />

11,重置按钮

<Input type="reset" name="reset" />

 实例文件

https://files.cnblogs.com/files/dwq1666666/day0.rar