前端讲义33_javascript创建表单元素

最新推荐文章于 2021-06-19 11:32:39 发布

木生火

最新推荐文章于 2021-06-19 11:32:39 发布

阅读量153

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/msh2016/article/details/90115108

版权

javascript 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

创建表单元素：文本框text，按钮 button

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<p id="p1">创建表单项:文本,按钮 </p>
<script language="javascript"> 
var body = document.body; 
function createInput(sType,sValue) 
{ 
var input = document.createElement("input"); 
input.type = sType; 
input.value = sValue; 
body.appendChild(input); 
} 
createInput("text","hello world"); 	
createInput("button","OK"); 
</script> 
</body>
</html>

创建选择项select

<p>创建选择项</p>
<select id="selectid"></select>
<script>
function select(){
 var option = document.createElement("option");
 option.text= "2"; 
 option.value="2"; 
 document.getElementById("select").options.add(option);
 select();
}

创建表单A元素

<script>
var body = document.body; 
//创建链接 
function createA(url,text) 
{ 
var a = document.createElement("a"); 
a.href = url; 
a.innerHTML = text; 
a.style.color = "blue; 
o.appendChild(a); 
}
createA("https://blog.csdn.net/msh2016","木生火博客")
</script>

木生火

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端讲义33_javascript创建表单元素

创建表单元素：文本框text，按钮 button<!DOCTYPE html><html><head><meta charset="utf-8"></head><body><p id="p1">创建表单项:文本,按钮 </p><script language="javascri...
复制链接

扫一扫