HTML表单教程 实现两个输入框和一个提交按钮

 时间:2026-04-23 09:52:05

1、新建一个27.html,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

2、定义html5标准网页声明,如图所示:

3、输入html网页基本结构,设置网页标题为:实现两个输入框和一个提交按钮,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

4、添加form标签,并且设置action和method属性,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

5、添加input标签,将type设置为text,实现两个输入框,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

6、输入input标签,将type设置submit,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

7、右键 --> 选中 Open in Browser,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

8、在浏览器上查看效果,可以看到显示出了两个输入框和提交按钮,如图所示:

HTML表单教程 实现两个输入框和一个提交按钮

9、至此,本教程结束!

  • 怎么让两个div在同一行
  • div+css怎么把模块放在最底层
  • CSS怎么设分别置大DIV里面的3个并排小DIV靠左 居中 靠右!
  • HTML怎么实现网页跳转
  • 如何在HTML中插入图片
  • 热门搜索
    向英雄致敬手抄报简单 关于阅读的手抄报 有关春天的手抄报 讲文明手抄报 我爱祖国的手抄报 普通话手抄报图片 关于书的手抄报 亲子手抄报 关于英雄的手抄报 普通话手抄报简单字少