EduCoder-Web程序设计基础-html5— 创建输入控件-第6关：重置与提交按钮

本文链接：https://blog.csdn.net/weixin_51402180/article/details/121745080

本教程介绍了如何在HTML中创建重置和提交按钮。通过将`type`属性设置为`reset`和`submit`，并使用`value`属性定义按钮文本，可以轻松实现这两个功能。示例代码展示了一个包含姓名输入、密码输入、电影选择和运动喜好的表单，以及带有‘重置’和‘提交’按钮的完整HTML结构。

摘要由CSDN通过智能技术生成

任务描述

本关任务：完成创建重置与提交按钮的任务。
效果如下：
姓名：
15343

密码：
•••••••••

国庆期间你最喜欢看的电影？
夺冠我和我的祖国姜子牙
你喜欢的运动是？
打篮球打排球踢足球其他

编程要求

请在右侧编辑器中的Begin - End区域内补充代码，具体要求是：
1.创建一个重置按钮，按钮上显示文字“重置”
2.创建一个提交按钮，按钮上显示文字“提交”

测试说明
补充代码后，请点击测评，平台会对你编写的代码进行测试，如果正确则完成闯关任务。

越努力越幸运，祝你成功！

代码示例

<!DOCTYPE html>
<html>
<body>
 <head>
   <meta charset="utf-8"/>
   <title>设置单行文本框</title>
  </head>
  <body>
   <form action="" method="post">
     姓名：<input type="text" name="yourname" size="15" maxlength="5"/><br/>
     密码：<input type="password" name="password" size="15" value="12345"/><br/>
     国庆期间你最喜欢看的电影？<br/>
     <input name="Film" type="radio" value="Film1"/>夺冠
     <input name="Film" type="radio" value="Film2"/>我和我的祖国
     <input name="Film" type="radio" value="Film3"/>姜子牙<br/>
    你喜欢的运动是？<br/>
    <input name="Sports" type="checkbox" value="sport1" checked="checked"/>打篮球
     <input name="Sports" type="checkbox" value="sport2"/>打排球
     <input name="Sports" type="checkbox" value="sport3"/>踢足球
     <input name="Sports" type="checkbox" value="sport4"/>其他 <br/> 
    <!--********* Begin ********* -->
     <input type="reset" value="重置"/>
     <input type="submit" value="提交"/>
     
    <!-- ********* End ********* -->
   </form>
  </body>
</html>