小蔡学Web：[8]web表单

2024-11-01 05:49:13

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

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

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

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

5、当然除了最常见的<input>标签中除了text之外还有radio单选框。例如下面性男女只能选一个。<input type="radio" name="sex" value="man" /> 男<br /><input type="radio" name="sex" value="woman" /> 女

6、有单选框之后，还有复选框，可以选两个，用Checkboxes样式就能办到。只要把type的属性修改成Checkboxes，就可以。<input type="checkbox" name="sex" value="man" /> 男<br /><input type="checkbox" name="sex" value="woman" /> 女如下，男女都能选了。