input的使用
标签规定了用户可以在其中输入数据的输入字段。
元素在 元素中使用,用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变,取决于 type 属性。
input标签中type的属性:
<!-- input -->
<!-- text文本 -->
<input type="text">
<!-- button按钮 -->
<input type="button"/>
<!-- password密码 -->
<input type="password">
<!-- number数字 -->
<input type="number">
<!-- color颜色 -->
<input type="color">
<!-- date选择日期 -->
<input type="date">
<!-- datetime选择日期时间 只支持苹果和opear -->
<input type="datetime">
<!-- datetime-local选择日期时间 只支持谷歌,苹果和opear-->
<input type="datetime-local">
<!-- email邮箱 -->
<input type="email">
<!-- month月 -->
<input type="month">
<!-- range可调节输入区域 -->
<input type="range" max="10" min="5">
<!-- search搜索域 (多了可全部删除符号)-->
<input type="search">
<!-- tel电话,不兼容5大浏览器 -->
<input type="tel">
<!-- time时间 -->
<input type="time">
<!-- url设置网址 -->
<input type="url">
<!-- week第几周 -->
<input type="week">
<!-- submit提交 -->
<input type="submit">
注意事项:
注意: 元素是空的,它只包含标签属性。
提示: 你可以使用
input标签中其他属性的使用:
<!-- disabled禁止 -->
<!-- max最大值
min最小值通常使用在number类型或range
maxlength最大输入长度,通常与text和password
minlength最小输入长度
pattern设置正则表达式验证
readonly只读模式
required设置必填项
size设置input的显示宽度,默认值为20
step设置number字符间隔为XX,默认间隔为1-->