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中插入图片
  • 热门搜索
    打孔器怎么用 手机空间不足怎么办 王翦怎么死的 综述怎么写 医保卡怎么挂失 怎么打新股 甲沟炎怎么治疗最好 心绞痛怎么办 七个月宝宝拉肚子怎么办 东北师范大学怎么样