HTML5和CSS3学习笔记
常用的表单输入域:
类型 | 用法 |
---|---|
<input type=”email”> | 显示一个输入邮件地址的表单域 |
<input type=”url”> | 显示一个输入URL的表单域 |
<input type=”tel”> | 显示一个输入电话号码的表单域 |
<input type=”search”> | 显示一个输入搜索关键字的表单域 |
<input type=”range”> | 显示一个滑块组件 |
<input type=”number”> | 显示一个输入数值的表单域 |
<input type=”date”> | 显示用于日期选择的表单域 |
<input type=”datetime”> | 显示用于日期选择和时间选择的表单域 |
<input type=”text” autofocus> | 支持将焦点置于特定的表单元素上 |
<input type=”email” placeholder=”me@example.com”> | 在表单中显示占位文本 |
<p contenteditable>lorem ipsum</p> | 支持通过浏览器在位编辑内容 |
实例
- 实例1 基础表单
- 实例2 注册表单(含有动态验证码)