前端讲义33_javascript创建表单元素_function createinput(stype, svalue) { var input = -优快云博客

本文详细介绍如何使用JavaScript动态创建HTML表单元素，包括文本框、按钮和选择项等，适用于初学者掌握基本的网页交互设计技巧。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

创建表单元素：文本框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.youkuaiyun.com/msh2016","木生火博客")
</script>