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中插入图片
  • 热门搜索
    鸯怎么组词 鱼的做法大全家常 布丁的做法 手擀面的做法视频 柚子茶的做法 野兔的做法 蠹怎么读 新疆大盘鸡的正宗做法 大头菜怎么做好吃 卤牛肉的做法