html5 设置button重置恢复页面初始

 时间:2026-02-16 19:05:32

1、这里以sublime text 3编辑器作为示范,创建一个新的index.html文档。

html5 设置button重置恢复页面初始

html5 设置button重置恢复页面初始

2、设置一下HTML的基本框架。

因为要让用户输入所以要创建表单。

<form method="post">

</form>

html5 设置button重置恢复页面初始

3、需要让用户进行输入。

那么我们要运用到input标签。

<input type="button" value="按钮">

<input type="submit" name="提交">

但是这里可以看到有点乱码。

html5 设置button重置恢复页面初始

html5 设置button重置恢复页面初始

4、输入中文,我们需要在头部加入这个以免出现乱码。

<meta charset="utf-8">

html5 设置button重置恢复页面初始

html5 设置button重置恢复页面初始

5、<div>

<input type="text" value="输入信息">

<input type="button" value="按钮">

</div>

<div>

<input type="text" value="输入信息">

<input type="submit" name="提交">

</div>

这个时候我们需要用div来进行分区,然后提供可以输入的信息框。

html5 设置button重置恢复页面初始

6、<div>

<input type="reset" value="重置">

</div>

那么这个时候我们可以增加一个input为reset的标签,用户就可以点击这个来重置信息了。

html5 设置button重置恢复页面初始

7、我们一次性输入信息,然后就可以点击重置来把所有信息给重置掉。

html5 设置button重置恢复页面初始

html5 设置button重置恢复页面初始

  • 在HTML中如何让内容单击可编辑
  • 鼠标箭头反应慢
  • Web如何使用代码片段代码管理
  • 思科模拟器交换机vlan的划分
  • WampServer中MySQL如何导入sql文件
  • 热门搜索
    怎么看内存 微信怎么转发 蚰蜒怎么消灭 鱼块怎么做好吃 骨头汤怎么熬白 我的世界木门怎么做 东西南北怎么分 公交卡消磁了怎么办 影音先锋怎么用 怎么样算包皮过长