<form action="提交的URL地址" method="提交方式"> <p>名称：<input type="text" name="name" /></p> <p>年龄：<input type="text" name="age" /></p> <p>性别：男<input type="radio" name="gender" value="男" /> 女<input type="radio" name="gender" value="女" /></p> <p>爱好：<br /> 阅读<input type="checkBox" name="hobby[]" value="阅读" /><br /> 运动<input type="checkBox" name="hobby[]" value="运动" /><br /> 旅行<input type="checkBox" name="hobby[]" value="旅行" /><br /> </p> <p>自我介绍：<br /> <textarea name="introduction" cols="30" rows="3"></textarea> </p> <p><input type="submit" value="提交" /></p> </form>以上代码为一个简单的表单，包含了用户的名称、年龄、性别、爱好和自我介绍。它包括以下几个部分： 1. form标签：用于创建表单。其中，action和method属性分别表示表单需要提交的URL地址和提交方式。在这个例子中，我们没有对URL地址进行任何配置，因此使用了一个占位符。 2. p标签：用于定义表单中的每个数据项。在这个例子中，每个p标签包含了一个label标签和一个input标签。 3. input标签：用于创建表单中的一个数据项。其中，type属性表示数据项的类型，例如text、radio或checkBox等。name属性表示数据项的名称，用于在提交表单时进行标识。value属性表示数据项的值，用于在提交表单时进行传递。 4. label标签：用于定义数据项的名称。在这个例子中，我们将数据项的名称放在label标签中，以增强表单的可读性。 5. textarea标签：用于创建文本输入框，用于用户填写较长的文本内容。其中，name属性和输入框中的name属性相同，cols和rows属性分别表示输入框的列数和行数。 以上是HTML古典表单的参考代码。使用这些代码，您可以创建自己的表单，用于收集用户输入的数据。这些表单可以应用在各种场合，例如注册页面、调查问卷、评论提交等。值得注意的是，HTML5已经出现了更加强大和灵活的表单元素，但古典表单仍然具有一定的使用价值，特别是在一些老旧的系统中。
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 [email protected] 举报，一经查实，本站将立刻删除。
