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

 时间:2024-10-11 18:44:18

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中插入图片
  • 热门搜索
    王莽岭旅游攻略 匹匹扣旅游圈 旅游鞋女 莆田旅游攻略 梅县旅游 黄山旅游攻略一日游 绍兴旅游网 沈阳旅游团 湖北旅游政务网 万佛湖旅游攻略