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

猜你喜欢

转载自blog.csdn.net/weixin_44401120/article/details/90296466