Input的属性值

本文介绍了HTML中Input元素的相关知识。Input常与label配合使用,name属性用于标识表单数据。还介绍了不同属性值的作用,如text定义单行文本,password定义密码,button、submit、reset分别为可点击、提交、重置按钮,radio是单选按钮,checkbox是复选框。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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:第一次写,如有错误,欢迎指正。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值