上周用html布局了一张考试的卷面,其中多处用到input标签,对此标签也有了一定程度的掌握,现对学习收获做以总结和扩展。
1.input标签简介
根据不同的 type 属性,输入字段有多种形态。输入字段可以是文本字段、复选框、密码字段、单选按钮、按钮等等。
2.语法
<input type="表单类型"/>
3.说明
input标签是自闭何标签,因为它没有结束标签。
扩展:
常见自闭合标签都有什么?
答:<meta/> 定义页面的说明信息,供搜索引擎查看。
<link/> 用于连接外部的CSS文件或脚本文件。
<base/> 定义页面所有的连接的基础定位。
<br/> 用于换行。
<hr/> 为水平线。
<input/> 用于定义表单元素。
<img/> 为图像标签。
自闭合标签和一般标签有什么区别?
1)一般标签由于有开始符号和结束符号,可以在标签内部插入其他标签或文字。
2)自闭合标签由于没有结束符号,没办法在内部插入其他标签和文字,只能定义自身的一些属性。
4.type属性值
属性值 说明
text 单行文本框
password 密码文本框
button 按钮
reset 重置按钮
image 图像形式的提交按钮
radio 单项按钮
checkbox 复选框
hidden 隐藏文字
file 文件上传