html5的文本属性
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<form action="">
<!--
h5新增的input表单以及其属性
属性值 描述
type="email" 限制用户必须输入邮箱类型的值
type="url" 限制用户必须输入url类型
type="date" 限制用户必须输入日期类型
type="time" 限制用户必须输入时间类型
type="month" 限制用户必须输入月类型
type="week" 限制用户必须输入周类型
type="number" 限制用户必须输入数字类型
type="tel" 限制用户必须输入手机类型
type="search" 搜索框
type="color" 生成一个颜色选择表单
required="required" 必填项
placeholder="请输入密码" 文本框中的提示语 (占位符),里面不应该有value
autofocus="autofocus" 光标自动定位到表单之中
automcoplete="off" 关闭搜索记忆功能,但是表单之中必须要有name属性,并且成功提交过,用的比较多
automcoplete="on" 打开搜索记忆功能,但是表单之中必须要有name属性,并且成功提交过
multiple="multiple" 一次上传多张图片
-->
<ul>
<li>
邮箱: <input type="email">
</li>
<li>
网址:<input type="src">
</li>
<li>
日期:<input type="date">
</li>
<li>
时间:<input type="time">
</li>
<li>
月份:<input type="month">
</li>
<li>
周:<input type="week">
</li>
<li>
数字:<input type="number">
</li>
<li>
手机号:<input type="tel">
</li>
<li>
搜索框:<input type="search">
</li>
<li>
颜色:<input type="color">
</li>
<li>
用户名:<input name="username" type="text" required="required" type="submit" placeholder="请输入用户名" autofocus="autofocus" autocomplete="on">
</li>
<li>
上传图片:
<input type="file" name="picture" multiple="multiple">
</li>
<li>
<input type="submit" values="提交">
</li>
</ul>
</form>
</body>