html5新增标签

最新推荐文章于 2020-10-29 21:16:33 发布

**瑱

最新推荐文章于 2020-10-29 21:16:33 发布

阅读量197

点赞数

分类专栏： HTML/CSS

本文链接：https://blog.csdn.net/CDZAllier/article/details/99762690

版权

HTML/CSS 专栏收录该内容

17 篇文章 2 订阅

订阅专栏

html5中新按钮及新增type属性的属性值

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>
		<form>
			<!--html5中这里讲的是改变type属性的属性值-->			
			<!--手机号码输入框-->
			tel<input type="tel" name="tel" value="" /><br /><br />
			<!--数字输入框-->
			number<input type="number"name="number" value=""/><br /><br />
			<!--邮箱输入框-->
			email<input type="email" name="email" value="" /><br /><br />
			<!--颜色编辑器-->
			color<input type="color" name="color" value=""/><br /><br />
			<!--时间输入框，显示到年月日-->
			date<input type="date" /><br /><br />
			<!--只能用在苹果电脑上的时间-->
			datetime<input type="datetime" name="datetime" value="" /><br /><br />
			<!--选择日期，显示到年月日，时分秒,与datatime是一样的-->
			datetime-local<input type="datetime-local"  name="date1" value=""/><br /><br />
			<!--图片提交框，value值是在图片没有加载出来，起到提示的作用-->
			<input type="image" src="路径" value="未加载出来" /><br /><br />
		</form>
	</body>
</html>

html中input表单新增属性

新增属性只适用于：火狐，谷歌，IE9以上版本

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
	</head>
	<body>			
		<form>
			<!--html5中新增属性只适用于：火狐，谷歌，ie9以上的版本-->
			<!--输入文本框提示-->
			<input type="text" name="name"  placeholder="我是提示" /><br /><br />
			<!--自动聚集-->
			autofocus<input type="text" name="name" autofocus="autofocus" value=""/><br /><br />
			<!--只读-->
			readonly<input type="text" name="name"  readonly="readonly" value="我只能是只读，不能修改"/><br /><br />
			<!--必填-->
			required<input type="text" name="name"  required="required" value=""/><br /><br />
			<!--最大长度-->
			maxlength<input type="text" name="name" maxlength="11" value=""/><br /><br />
		</form>
	</body>
</html>

<button>按钮</button>

type只有三个属性值（默认值无，并写在中间）