选项输入框

本文介绍了前端开发中常用的表单元素,包括多行文本输入框用于输入个性签名,通过设置rows和cols属性调整大小。密码输入框通过type='password'隐藏用户输入内容。此外,还讲解了单选框(radio)和复选框(checkbox),强调了name属性在单选题中的重要性,以及如何创建多选题。示例代码展示了这些元素的实际应用。
摘要由CSDN通过智能技术生成
4.3多行文本输入框和密码输入框

个性签名是个多行输入框。当多行文本输入框中输入的内容超过一行的长度时,它会自动换行,而单行文本输入框则不会换行。

<textarea
name=“sign”
rows=“5”
cols=“30”
placeholder=“请输入个性签名”

在这里插入图片描述
其中rows和co1s分别表示行数(高度)和文本域的可视宽度rows:行数(高度);cols:文本域的可视宽度;
这个属性科协可不写,就能表示一个多行的输入框,显示的效果如图
在这里插入图片描述
在这里插入图片描述

密码输入框

密码输入框和昵称输入框有点区别,用户输入的内容将以黑圆点的形式显示。
如何做到内容不显示呢,就是把标签的中的标签属性type="text"改成type="password"就可以了
.

4.4单选框和复选框

性别单选题

在这里我们只考虑了男女两种性别,并默认用户只有一种性别。就像做单选题一样,用户只能选择男性或者女性。
单选框

在这里插入图片描述
单选框是把type="text"改成type=“radio”
属于同一道单选题的每个单选按钮,应该有相同思维name属性值。


在这里插入图片描述
如果能点击文字就可以选中对应的性别,把单选框和标签

多选题(复选框)

复选框和单选框很像,也是checkbox
代码是:
这样有一个小方框,点击就可以选中


显示效果在这里插入图片描述
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值