input:
<fieldset>
<legend>HTML5新增的type 类型 那些表单</>
<form action="">
用户名:<input type="text"/> //text 文本框<br />
密 码:<input type="password"/> //密码框<br />
性 别:<input type="radio" name="sex" checked="checked"/>女<input type="radio" name="sex"/>男
爱 好:<input type="checkbox" name="hobby"/>足球<input type="checkbox" name="hobby" checked="checked/>篮球<input type="checkbox" name="hobby"/>排球
搜 索:<input type="button" value="搜索"/>
<input type="submit" value="提交"/> <input type="reset" value="重置"/><br />
<input type="image" src="URL"/><!--图像按钮-->
上传图像:
<input type="file"/><!--文件按钮-->
邮 箱:<input type="email"/><br />
手机号:<input type="tel"/>
数 字:<input type="number"/>
网 址:<input type="URL"/>
搜 索:<input type="search"/>
区 域:<input type="range"/>
时 间:<input type="time"/><!--小时分钟-->
年月日:<input type="date"/><!--年月日-->
月 份:<input type="math"/><!--年月-->
星 期:<input type="week"/><!--周-->
颜 色:<input type="color"/><!--颜色-->
</form>
</fieldset>
input属性:
<fieldset>
<legend>HTML5新增的type 类型 那些表单</>
<form action="">
用户名:<input type="text" placeholder="请输入用户名" autocomplete name="username" required/> <br />
密 码:<input type="password"/> //密码框<br />
性 别:<input type="radio" name="sex" checked="checked"/>女<input type="radio" name="sex"/>男
爱 好:<input type="checkbox" name="hobby"/>足球<input type="checkbox" name="hobby" checked="checked/>篮球<input type="checkbox" name="hobby"/>排球
搜 索:<input type="button" value="搜索" autofocus/>
<input type="submit" value="提交"/> <input type="reset" value="重置"/><br />
<input type="image" src="URL"/><!--图像按钮-->
上传图像:
<input type="file" multiple/><!--文件按钮-->
邮 箱:<input type="email"/><br />
手机号:<input type="tel"/>
数 字:<input type="number"/>
网 址:<input type="URL"/>
搜 索:<input type="search"/>
区 域:<input type="range"/>
时 间:<input type="time"/><!--小时分钟-->
年月日:<input type="date"/><!--年月日-->
月 份:<input type="math"/><!--年月-->
星 期:<input type="week"/><!--周-->
颜 色:<input type="color"/><!--颜色-->
</form>
</fieldset>
placeholder:
占位符 当用户输入的时候里面的文字消失 删除所有文字,自动返回
autofocus:
规定当页面加载时 input元素应该自动获得焦点
multiple:
多文件上传
autocomplete:
规定表单是否自动完成功能 有2个值,一个是on一个是off on代表记录已经输入的值
- 需要提交按钮
- 这个表单必须给它名字 name="username"
required:
必须填 内容不为空
accesskey:
规定激活元素的快捷键 采用alt+字母形式