Input的属性值

2023-09-25 5 0

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

代码编程
赞赏

相关文章

Google以21亿美元的价格收购了健康追踪器Fitbit
增长模型拆解:分享有礼裂变玩法的底层逻辑与细节设计
怎么做好B端数据运营?
基于两个实际案例,分享自己2020年运营的一些心得
数字化营销时代:企业如何从“推时代”进阶“拉时代”
谷歌三星杀进来了,高通为啥一点不怕?