INPUT控件的使用以及一些新标签的使用

本文详细介绍了HTML中的input控件,包括不同类型的input字段如单选框、复选框、文本输入框等,并讲解了如何设置默认选中项。此外,还探讨了label标签的功能以及textarea、select下拉菜单的使用。最后,讨论了form表单域的属性以及HTML5新增的header、nav、footer、article、section、aside和datalist等标签。
摘要由CSDN通过智能技术生成

input控件:[input/]标签为单标签,type属性为最基本的属性,除了type属性外, [input/]标签还可以定义很多其他属性。
单选框:性别: [input type=“radio” name=“sex”] 女
[input type=“radio” name=“sex” /] 男 [br /]
复选框:爱好: [input type=“checkbox” name=“hobby” /]游泳
[input type=“checkbox” name=“hobby” /]跑步
都是靠name给的相同的值将选项关联为同种类型
[input type=“text”/][/br] 单行文本输入框
[input type=“password”/][/br] 密码输入框
[input type=“submit”/][/br] 提交按钮
[input type=“reset”/][/br] 重置按钮
[input type=“image”/][/br] 图像形式的提交按钮
[input type=“file”/][/br] 文件域
[input type=""value/][/br] input控件中的文本值(可自定义)
[input type=“size”/][/br] input控件在页面显示的显示宽度
checked为默认选中项,在属性中添加value="checked"或者checked即可。

label标签:为input元素定义标注
作用:用于绑定一个表单元素,当点击label标签的时候,被绑定的表单元素就会获得输入焦点(光标跳转到指定

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值