HTML5表单元素实战-优快云博客

本文链接：https://blog.youkuaiyun.com/lihong22/article/details/84176153

以下为附件中的一些例子，只要在dreamweaver中编写就可以了，不过要在Chrome浏览器中才能看到效果
<body>

	<!--novallidate="true"表示不验证input域-->

	<form action="#" method="get" novalidate="true">

		<!--邮箱地址-->

		E-mail:<input type="email" name="user_email" /><br/>

		<!--网址-->

		Homepage:<input type="url" name="user_url" />


		<!--滑动条-->

		<input type="range" name="points" min="1" max="10" />


		<!--日期type可以为month/week/time/datetime/datetime-local-->

		Date:<input type="date" name="user_date" />


		<!--以步长为3逐加-->

		Points:<input type="number" name="points" min="0" max="10" step="3" />


		<!--选择多个文件-->

		Select images:<input type="file" name="img" multiple="multiple" />


		<!--显示输入框中的默认值，出现光标消失-->

		<input type="search" name="user_search" placeholder="Search User" />

		<!--required="required"表示输入框不能为空-->

		Name:<input type="text" name="user_name" required="required" />

		 password:<input type="text" name="user_pwd" />

		<!--把password的值设为其它编码,密钥方式显示-->

		Encryptiion:<keygen name="security"/>

		<!--autofocus="autofocus"表示自动获得焦点-->

		User name: <input type="text" name="user_name" autofocus="autofocus" />

		<input type="submit" />


		<!--formaction重写表单action属性-->

		<input type="submit" formaction="#2" value="Submit as admin" />


		<input type="submit" formaction="#3" formnovalidate="true" value="Submit without validation" />


	</form>

</body>

HTML5的常用标签