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

 时间:2026-02-12 20:15:15

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中插入图片
  • 热门搜索
    雨伞图片大全 练口才的方法 糖果图片大全 穿越火线怎么开挂 好吃易做的家常菜 腹肌锻炼方法 酸白菜的腌制方法 鼻子上有黑头怎么办 粽子怎么加热 床戏大全