input标签生成的各种框和用法

  1. 文本框
    代码:
    在这里插入图片描述
    作用:一种最基础的框,可以在里面输入任何东西,可以用样式来设置框的长度和大小。
  2. 密码框
    代码:,
    在这里插入图片描述
    作用:看名字都看得出来,这是一种输入任何东西都可以变成星( * )号的框,适合用于放在输入密码的位置,同样也可以用样式来设置长度和大小。
    3.复选框
    代码:(可输入文字)
    在这里插入图片描述
    作用:复选框,可以设置多个的选择性框,框为正方形,可选多个,可取消勾选。输入文字那里是可以输入一些你想要的文字,最终你输入的文字会出现在复选框旁边。
    4.单选框
    代码
    在这里插入图片描述
    作用:单选框,和复选框差不多,也可以设置多个,不过一般情况只会设置两个,框为圆形,可以多选(不过一般是用来单选的,要额外设置代码),不可取消(取消要加代码,或者选择其他单选框)。
    解决办法(解决多选):加上name,后面的名称都一样即可。在这里插入图片描述

5.文本域
代码:
作用:比文本框还要大的一种框,可输入大量的内容,可以再框的代码调整框的大小和长短。Cols是高度,rows是长度。
在这里插入图片描述
框的右下角可以自己调整

6.重置按钮
代码:
作用:可以重置表单里面所有的内容,(注意:必须要放在一个表单(form)里,要不然没有效果。)
按钮可通过样式来调整。

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值