18910140161

如何获取HTML中input标签的value的值?

顺晟科技

2021-06-16 10:34:47

269

首先,让我们看看HTML中输入标签的用法:

值属性是输入元素指定值。

值属性对于不同类型的输入元素有不同的用法:

对于“按钮”、“重置”、“提交”类型-定义按钮上的文本

键入“文本”、“密码”、“隐藏”-定义输入字段的初始(默认)值

对于“复选框”、“单选”、“图像”类型-定义与输入元素关联的值。该值被发送到表单的actionURL。

注释:inputtype='checkbox '和inputtype='radio '需要value属性。

注意:value属性不适用于inputtype='file '。

说到这里,让我们看一下这个例子:

值属性具有预定义值的表单:

form action=' demo _ form . ASP ' method=' get '

输入用户名:输入类型=' text ' name=' fname ' value=' bill '/br/

第二个用户名:输入类型=' text ' name=' lname ' value=' gates '/br/

input type=' submit ' value=' submit '/

/form

效果如图所示:

tuyi.png

上图是代码的结果,是定义的形式。

现在让我们看看相关值:

以输入框为例,每个框可以输入内容吗?该内容是与输入框相关联的值。如果您为它设置了一个值属性,您设置的值就是它的值,它将显示在输入框中。同样的,单选按钮也可以设置一个值,但是这个值在你像输入框一样设置的时候是不显示的,但是设置它就意味着它有这样的值,就像标注为男或者女一样,可能看不到但是可以标注。

有时需要将输入标签从一个位置调整到另一个位置。调整后的输入值是输入标记中值属性的值。如果修改值的方式没有修改为值属性,则调整后设置的值将会丢失。

形式

input id=' input ' type=' input ' value=' 2 '/input

/form

因此,如果您有上述操作,请确保您修改值的方式更改为输入的值属性,或者使用其他方式实现上述操作,如jQuery的克隆方法。

让我们在输入标签上做另一个复选框:

formaction='demo-form.php '

输入类型=' checkbox '名称=' vehicle []'值=' bike '我知道PHPbr

输入类型='复选框'名称='车辆[]'值='汽车'我可以htmlbr

输入类型=' checkbox '名称=' vehicle []'值=' boat '我知道pythonbr

input type=' submit ' value=' submit '

/form

上码效果如图:

tuer.png

好了,现在这篇文章结束了,如果你有问题,请在下面留言

本文转载自中文网站

相关文章
我们已经准备好了,你呢?
2024我们与您携手共赢,为您的企业形象保驾护航