html5中如何通过点击按钮 自动填写表单
发布网友
发布时间：2022-04-26 23:40
共1个回答
热心网友
时间：2022-04-20 02:31
可以写一个为表单内元素赋值的方法，三个按钮上面添加点击事件，点击时调用这个赋值方法，但是传的参数不一样，在方法中根据不同的参数，为表单赋不同模板的值。
不知上面是否写的清楚，我写了一个对应的小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消不掉