html 动态创建文本域如何赋值

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了html 动态创建文本域如何赋值相关的知识,希望对你有一定的参考价值。

参考技术A 示例如下:
=====

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script type="text/javascript">
var UI =
$:function(_id)return document.getElementById(_id);,
test:function()
var btn_input = document.createElement("input");
btn_input.type="text";
btn_input.value="自动赋值"+Math.random();
this.$("test").appendChild(btn_input);

;
</script>
</head>

<body>
<input type="button" value="添加文本域" onclick="UI.test()"/>
<div id="test"></div>
</body>
</html>本回答被提问者采纳

原生jsjQuery赋值与设置样式

 1 /**
 2  * == 和 != 比较若类型不同,先尝试转换类型,再作值比较,最后返回值比较结果
 3  * 而=== 和 !== 只有在相同类型下,才会比较其值
 4  */
 5 if (password !== rePassword) {
 6     /**
 7      * innerHTML html,直接显示文字
 8      * innerText 文本域,显示到文本域中,例如输入框
 9      * innerHTML, getElementById 属于原生js
10      * html $("#") 属于 jquery
11      */
12     document.getElementById("check-rePassword").innerHTML = "两次密码输入不一致";
13     document.getElementById("check-rePassword").style.color = "red";
14 } else {
15     document.getElementById("check-rePassword").innerHTML = "密码输入一致";
16     document.getElementById("check-rePassword").style.color = "green";
17   /*  $("#").html(); 取得html内容
18     $("#").css(); 设置样式
19     $("#").focus() 聚焦*/
20 }

 

以上是关于html 动态创建文本域如何赋值的主要内容,如果未能解决你的问题,请参考以下文章

如何利用AngularJS动态创建表格和动态赋值

Spring MVC

java如何获取输入框内容并赋值

html5 怎么动态创建div并赋值

HTML~From

原创关于用python创建动态变量赋值