求一个HTML5 表单的写法例子_随笔

表单是用来获取用户输入的一些数据，最常见的就是注册，登录之类的；

首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作；

接着我们先熟悉一些较常用的表单标签：表单<form>，输入域<input>，文本域<textarea>，按钮<button>，域的标题<legend>，控制标签<label>等。我们创建一个form,如图，输入一些你想要创建的东西（我演示的仅为用户密码）；

打开网页看效果图，便是这样的效果了，拥有了最简单的帐号密码；

同时，我们还可以添加一些选择的元素，如你喜欢什么游戏；

本地日期时间(<input type=”datetime-local”/>)

属性描述值

这是HTML里input元素的通用属性。就是输入框里的数据。

min 日期或时间的最小值

max 日期或时间的最大值

step 步长。不同的类型有不同的缺省步长。

Date – 缺省是1天

Week – 缺省是1周

Month – 缺省是1月

Time – 缺省是1分钟

DateTime – 缺省是1分钟

Local DateTime – 缺省是1分钟

用html5的localStorage方法就可以实现本地存储

<!DOCTYPE html>

<head>

</head>

<body>

document.getElementsByTagName("input")[2].onclick = function () {

var _name = document.getElementsByTagName("input")[0].value

var _age = document.getElementsByTagName("input")[1].value

localStorage.setItem("name", _name)

localStorage.setItem("age", _age)

}

</script>

</body>

</html>

需要配置服务端，本地运行无效

欢迎分享，转载请注明来源：内存溢出

求一个HTML5 表单的写法例子