Web(四)构建Web表单-表单的结构

原创已于 2022-11-25 15:05:50 修改 · 635 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #java #servlet

于 2022-11-25 13:33:36 首次发布

Web practice of Educoder 专栏收录该内容

36 篇文章

订阅专栏

本文详细介绍了HTML中input、textarea、select和button等表单元素的使用，并演示了如何通过fieldset和legend对表单进行分组，同时展示了POST提交表单到myselect.jsp的编程实例。

第1关_分组元素相关的概念

input控件：是单行输入型控件，用来接受用户输入的信息。
textarea控件：用来创建一个支持多行的文本输入区域。
select控件：用于创建下拉列表框。
button控件：用于定义一个按钮。

第2关_对表单元素分组

编程要求

根据提示，在右侧编辑器补充代码，在右侧编辑器中的Begin - End区域内补充代码，具体要求是： 1.创建一个带有下列选择的表单，表单名为"selectForm" 2.表单提交方式为post 3.表单提交后，执行程序"myselect.jsp"。

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>表单分组</title>
</head>
<body>
<form>
  <!-- ********* Begin ********* -->
  <fieldset>
    <legend>请选择个人爱好</legend>
    <input type="checkbox" name="hobby"/>音乐
    <input type="checkbox" name="hobby"/>体育
    <input type="checkbox" name="hobby"/>其他
  </fieldset>

  <!-- ********* End ********* -->
</form>
</body>
</html>