input标签常用属性,input标签的type属性值

input系列标签的基本介绍

场景:在网页中显示收集用户信息的表单效果,如:登录页、注册页

标签名:input
• input标签可以通过type属性值的不同,展示不同效果

input标签常用属性,input标签的type属性值

 

input系列标签-文本框

场景:在网页中显示输入单行文本的表单控件

type属性值:text

input标签常用属性,input标签的type属性值

input标签常用属性,input标签的type属性值

 

 

 

 

input系列标签-密码框

场景:在网页中显示输入密码的表单控件
type属性值:password

注意点:
• type属性值不要拼错或者多加空格,否则相当于设置了默认值状态:text→文本框

input标签常用属性,input标签的type属性值

input标签常用属性,input标签的type属性值

 

input系列标签-单选框

场景:在网页中显示多选一的单选表单控件
Ø type属性值:radio

input标签常用属性,input标签的type属性值

input标签常用属性,input标签的type属性值

注意点:
• name属性对于单选框有分组功能
• 有相同name属性值的单选框为一组,一组中只能同时有一个被选中

 

input系列标签-复选框

场景:在网页中显示多选多的多选表单控件
Ø type属性值:checkbox

input标签常用属性,input标签的type属性值

 

input系列标签-文件选择

场景:在网页中显示文件选择的表单控件
Ø type属性值:file

input标签常用属性,input标签的type属性值

input标签常用属性,input标签的type属性值

 

 input系列标签-按钮

场景:在网页中显示不同功能的按钮表单控件

input标签常用属性,input标签的type属性值

注意点:
• 如果需要实现以上按钮功能,需要配合form标签使用
• form使用方法:用form标签把表单标签一起包裹起来即可

 

 

input系列标签总结

input标签的type属性值:
Ø 注意点:
• 占位符:placeholder
• 如果需要实现单选效果,需要设置相同的name属性值
• 单选框和多选框的默认选中:checked

input标签常用属性,input标签的type属性值

主题测试文章,只做测试使用。发布者:果壳日志,转转请注明出处:https://www.xin12123.com/n/428.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022年 11月 11日 上午11:51
下一篇 2022年 11月 11日 下午1:44

相关推荐

  • 表格标题和表头单元格标签怎么设置?表格中表示单元格的标签是

    表格标题和表头单元格标签 场景:在表格中表示整体大标题和一列小标题 注意点:• caption标签书写在table标签内部• th标签书写在tr标签内部(用于替换td标签) 表示表格整体大标题,使用什么标签完成?书写在什么位置?• 表格整体大标题:caption标签• 书写在table标签内部Ø 在表格第一行设置一列的小标题,使用什么标签完成?书写在什么位置…

    2022年 11月 11日
    00
  • select下拉菜单标签, select下拉菜单option标签的用法?

    select下拉菜单标签 场景:在网页中提供多个选择项的下拉菜单表单控件Ø 标签组成:• select标签:下拉菜单的整体• option标签:下拉菜单的每一项Ø 常见属性:• selected:下拉菜单的默认选中 代码演示:

    2022年 11月 11日
    00
  • 没有语义的布局标签是什么? div和span

    没有语义的布局标签-div和span 场景:实际开发网页时会大量频繁的使用到div和span这两个没语义的布局标签Ø div标签:一行只显示一个(独占一行)Ø span标签:一行可以显示多个   常用于布局的无语义标签有哪两个?各自的特点有哪些?• div:独占一行• span:一行中可以显示多

    HTML 2022年 11月 11日
    00
  • html标题标签有哪些?html标题字体大小

    在新闻和文章的页面中,都离不开标题,用来突出显示文章主题。 代码:h系列标签 语义:1~6级标题,重要程度依次递减特点:• 文字都有加粗• 文字都有变大,并且从h1 → h6文字逐渐减小• 独占一行注意点:h1标签对于网页尤为重要,开发中有特定的使用场景,如:新闻的标题、网页的logo部分 标题标签一共有几个?分别表示什么含义?• h1标签:一级标题• h2…

    2022年 11月 2日
    00
  • html属性一般出现在什么内部?html属性区分大小写吗

    双标签的属性需要写在开始标签内,标签上可以同时存在多个属性,属性与属性之间以空格隔开。html标签的属性一般不区分大小写,也不区分前后顺序。 标签的完整结构图: 属性注意点:1. 标签的属性写在开始标签内部2. 标签上可以同时存在多个属性3. 属性之间以空格隔开4. 标签名与属性之间必须以空格隔开5. 属性不区分大小写,也没有顺序之分

    2022年 11月 2日
    00

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信