html5中如何通过点击按钮 自动填写表单
一共有3中填写模板，点第一个按钮，表单自动填写为第一种，点第二个按钮，表单自动填写为第二种，以此类推。求解！！！...
一共有3中填写模板，点第一个按钮，表单自动填写为第一种，点第二个按钮，表单自动填写为第二种，以此类推。求解！！！
展开
1个回答
展开全部
可以写一个为表单内元素赋值的方法，三个按钮上面添加点击事件，点击时调用这个赋值方法，但是传的参数不一样，在方法中根据不同的参数，为表单赋不同模板的值。
不知上面是否写的清楚，我写了一个对应的小demo：
<html>
<head>
<title>demo</title>
<script type="text/javascript" src="jquery-1.8.3.js"></script>
<script type="text/javascript">
function demo(demo){
if(demo ==1){
$("#input1").attr("value","这是模板1");
$("#input2").attr("value",demo);
} else if(demo ==2){
$("#input1").attr("value","这是模板2");
$("#input2").attr("value",demo);
} else if(demo ==3){
$("#input1").attr("value","这是模板3");
$("#input2").attr("value",demo);
}
}
</script>
</head>
<body>
<button onclick="demo(1)">模板1</button>
<button onclick="demo(2)">模板2</button>
<button onclick="demo(3)">模板3</button>
<form>
<input id="input1" type="text"/>
<input id="input2" type="text"/>
</form>
</body>
</html>
以上，希望对你有帮助！
追问
大神 我用的是material ui 就是谷歌的那种 这个ui的输入框带那种特效 有label标签 用了您的方法成功了 但是那个特效触发不了 然后模板的内容和那个label就重叠在一起 点了输入框以后电脑默认文本框还是空的 这怎么办啊 就是label作placeholder消不掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
