学习笔记002

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-->
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值