input标签属性简述
⼀、input标签属性介绍
input标签有许多属性,如:type,name,id,value,style等
name属性:表⽰元素的名称,也就是name的值代表当前input元素的名字;
id属性:⽤于css引⽤或者其他引⽤
value属性:表⽰当前input框内显⽰的⽂字
style属性:⽤于设置css样式。如颜⾊,背景⾊等
type属性:⽤于设置输⼊框的类型,最重要的属性
如图:
以上属性中,type属性最重要,接下来讲解其type属性。
⼆、input标签的type属性详述
其type属性有多种类型:
⽂本框(type=text),
按钮(type=button),
单选(type=radio)
复选(type=checkbox)
下拉列表(type=select)
⽂本域(type=textarea)
如图:⽤Input标签,利⽤其type属性,从⽽可以设置⼀系列表单元素,input表签放在form表单中。
如:以下便是⼀个表单区域,⽤于收集家长的建议与反馈
三、input的type属性
1.⽂本框
运⾏结果:
2.密码框
运⾏结果:
注:密码框与⽂本框的区别:密码框输⼊的内容不可见,⽽⽂本框可见。
3.提交按钮
运⾏结果:
4.重置按钮
运⾏结果:
注:作⽤在于清空输⼊的信息。
5.单选框
运⾏结果:
input框禁止输入6.复选框(多选框)
运⾏结果:
7.下拉列表框
运⾏结果:
8.⽂本域
运⾏结果:

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。