Input的属性值

Input一般配合label使用
name属性是规定input元素的名称,还有用于提交到服务器后的表单数据进行标识,以及在客户端通过JS引用表单数据。
在这里插入图片描述

TEXT
text是最常用的一个属性值,这是定义单行文本的,默认宽度是20个字符,要是需要写多行文本用textarea。
在这里插入图片描述

PASSWORD
password定义密码,是掩码。
在这里插入图片描述
显示出来是这样,就是我们平时输入密码的状态
在这里插入图片描述
BUTTON
button 可点击按钮,想要按钮上面有字,可以在input标签里写上value值。

<input type="button" value="button">

submit 提交按钮,提交按钮会把表单内容发送到服务器。
reset 重置按钮,会清楚表单中的所有内容。

<input type="submit" value="提交">
<input type="reset" value="重置">

效果就是这样的
在这里插入图片描述
radio 单选按钮,在name里面写上相同的值,这样可以确定哪些是同一组,提交后服务器可以做出有效判断。

<label>单选</label>
<input type="radio" name="1">
<input type="radio" name="1">

checkbox 复选框,可以选择多个选项。checked=“checked”,就是默认选项。

    <label>复选框</label>
    <input type="checkbox" name="1" checked="checked">
    <input type="checkbox" name="1">
    <input type="checkbox" name="1">

在这里插入图片描述
PS:第一次写,如有错误,欢迎指正。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值