input标签的总结及其扩展

      上周用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                                     文件上传

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,310评论 1 41
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,859评论 18 139
  • 1、窗体 1、常用属性 (1)Name属性:用来获取或设置窗体的名称,在应用程序中可通过Name属性来引用窗体。 ...
    Moment__格调阅读 4,588评论 0 11
  • 广州留下太多美好回忆的地方,一街一景 ,一草一木都如此熟悉,最让我情至深处的是这一张张温暖的面孔,记得前不久朋友圈...
    櫲方阅读 1,147评论 4 1
  • 8月1日-3日,我参加了由赛福凯瑞医学研究院主办,天水市营养学会承办的游学团。刚开始参加这次游学的目的,只是想出去...
    水默语阅读 592评论 5 0