HTML- 标签学习之- 表单

input  系列, 类型根据type 区分,所有效果如下:

HTML- 标签学习之- 表单_第1张图片

 注意点:

 单/多选框:  

        name :  相同name属性的单选值为一组,遗嘱中只能有一个被选中                

       checked: 默认选中

        性别女

        爱好学习  爬山  旅游

 multiple:选择多个文件

        头像

type= 按钮系列

HTML- 标签学习之- 表单_第2张图片

 Code:




    
    
    
    Document


    

表单标签


文本框:

密码框:

性别

爱好学习 爬山 旅游

头像

下拉菜单系列:select

 

selected :默认选中

    

文本域标签: textarea

  • cols:规定了文本域内可见宽度
  • rows:规定了文本域内可见行数(开发中一般 用css 设置)
  • 右下角可以拖拽改変大小
  • 实际开发时针对于样式效
    

Lable标签

常用于绑定内容与表单标签的关系

两种方式分别如下:(方式1 :lable 的for 与表单id 绑定  方式2:lable 直接包裹)


 
               

语义化标签:

div: 独占一行

span:  同一行展示

这是 div
这是span

以下为手机端标签:

HTML- 标签学习之- 表单_第3张图片

 

字符实体:

HTML- 标签学习之- 表单_第4张图片

 

你可能感兴趣的:(前端从0到1,陪你成长,html表单,html单选/多选,html多行输入,html,Lable标签,html,语义化标签,空格输入)