学习-WEB前端快速入门- 15.15.H5中的input标签类型

149 阅读1分钟

1.input标签的类型
 1.1 email 代表邮箱类型,email必须在表单中,单纯分离是没意义的
 1.2 url   网址
 1.3 range 进度条
 1.4 date  日期
 1.5 search 搜索
 1.6 color  更换颜色
 1.7 number 只能输入数字
 

2.input-email
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="email">
<input type="submit">
</form>


3.input-url
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="url">
<input type="submit">
</form>


4.input-range
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="range">
<input type="submit">
</form>


5.input-date
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="date">
<input type="submit">
</form>


5.input-search
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="search">
<input type="submit">
</form>


6.input-color
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="color">
<input type="submit">
</form>


7.input-number
<form>
<label for="username">用户名</label>
<input id="username" name="username" type="number">
<input type="submit">
</form>