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

 时间:2024-10-17 10:54:09

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文件
  • 热门搜索
    江西武功山旅游攻略 珠海攻略 西湖一日游攻略 迷失森林攻略 秋冬搭配 婴儿米粉怎么吃 携程旅游攻略 转呼啦圈能减肥吗 合同印花税怎么算 港澳游攻略