javascript怎么给文本框赋值? - 网站

javascript怎么给文本框赋值?

分类:js_JavaScript 答疑 - 常见问题 · 发布时间:2019-08-27 09:19 · 阅读:5673

JavaScript中先通过getElementsByTagName方法来获取标签名的集合,然后通过循环遍历所有文本框,通过input.value属性为文本框赋值。

JavaScript给文本框赋值代码如下:

<!DOCTYPE html>
<html>
<head>
	<title>为文本框赋值</title>
</head>
<body>
	<input type="text"> <br>
	<input type="text"> <br>
	<input type="text"> <br>
	<input type="text"> <br>
	<input type="text"> <br>
	<input type="text"> <br>
	<input type="button" value="确认">
	<input type="checkbox">
	<input type="radio">
 
	<script>
		// 通过getElementsByTagName来获取标签名的集合
		var inputs = document.getElementsByTagName('input');
		// 声明两个变量,为for循环做准备
		var i =0 ,length = inputs.length;
		// 通过for循环赋值
		for (; i < length; i++) {
			input = inputs[i];
			// 判断input的类型是不是文本框
			if (input.type === 'text') {
				// 为文本框赋值,因为是从 0 开始赋值的,所以想从 1 开始的话就需要 i + 1
				input.value = i + 1;
			}
		}
	</script>
</body>
</html>

运行结果:

1 (2).jpg-600

input.value属性

定义和用法

value 属性规定 <input>元素的值。

value属性对于不同input类型,用法也不同:

对于 "button"、"reset"、"submit" 类型 - 定义按钮上的文本对于 "text"、"password"、"hidden" 类型 - 定义输入字段的初始(默认)值对于 "checkbox"、"radio"、"image" 类型 - 定义与 input 元素相关的值,当提交表单时该值会发送到表单的 action URL。

注意:value 属性对于 <input type="checkbox"> 和 <input type="radio"> 是必需的。

注意:value 属性不适用于 <input type="file">。

标签:
javascript

相关文章

JS实现谷歌浏览器插件拷贝语音功能详解

这篇文章主要为大家介绍了JS实现谷歌浏览器插件拷贝语音功能详解,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪

连接文字不停变色

短信提示使用 特效

HTML5 实现的一个俄罗斯方块实例代码

这篇文章主要介绍了HTML5 实现的一个俄罗斯方块实例代码的相关资料,需要的朋友可以参考下

炽热的文字

返回分类 返回首页