小蔡学Web：[8]web表单

时间：2026-02-16 23:49:58

1、首先我们打开DW网页编辑器然后新建一个表单.html文件。

小蔡学Web：[8]web表单

2、然后在<body>中输入表单标签<form>标签，我们可以在设计中看到效果，如下。

小蔡学Web：[8]web表单

3、输入标签（<input>）。用来补充<form>标签里面的内容，它的输入类型是由类型属性（type）定义的。常常是text属性。

<body>

<form>

名字: <input type="text" name="name" />

</form>

</body>

小蔡学Web：[8]web表单

4、然后调试上图代码，从网页上可以看到会出现一个名字和输入框的表单，我们可以在里面写东西，这就是<input>以及它的text属性带来的。如下：

小蔡学Web：[8]web表单

5、当然除了最常见的<input>标签中除了text之外还有radio单选框。

例如下面性男女只能选一个。

<input type="radio" name="sex" value="man" /> 男

<br />

<input type="radio" name="sex" value="woman" /> 女

小蔡学Web：[8]web表单

6、有单选框之后，还有复选框，可以选两个，用Checkboxes样式就能办到。只要把type的属性修改成Checkboxes，就可以。

<input type="checkbox" name="sex" value="man" /> 男

<br />

<input type="checkbox" name="sex" value="woman" /> 女

如下，男女都能选了。

小蔡学Web：[8]web表单