可以写一个为表单内元素赋值的方法，三个按钮上面添加点击事件，点击时调用这个赋值方法，但是传的参数不一样，在方法中根据不同的参数，为表单赋不同模板的值。
不知上面是否写的清楚，我写了一个对应的小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消不掉
在HTML5中button和submit有什么分别?
1、submit是button的一个特例，也是button的一种，它把提交这个动作自动集成了，submit和button,二者都以按钮的形式展现,看起来都是按钮，所不同的是type属性和处发响应的事件上 2、表单在点击提交按钮后需要用JS进行处理（包括输入验证）后再提交的话，通常都必须把submit改成button，即取消其自动提交的...
html5表单数据如何获得
1、首先，打开IDEA软件，并新建一个工程，建好后，右键创建一个html5文件，完成后便完成了最开始的工作；2、接着先熟悉一些较常用的表单标签：表单<form>， 输入域<input>，文本域<textarea>，按钮<button>，域的标题<legend>，控制标签<label>等。3、创建一个form,如图，输入一些要创建的东西（我...
html5支持html4中的所有表单控件
2、input控件 input控件是单行输入型控件，用来接受用户输入的信息。可以在form元素的开始标签和结束标签之间，添加input元素来创建input控件。input元素是一个带有属性的空元素。
网页设计里什么是表单网页设计里什么是表单页
让网页自动填写表单操作步骤：打开浏览器设置，点击打开【Internet选项】在Internet选项卡上选择【内容】，点击自动完成下面的【设置】在自动完成设置中勾选希望自动完成功能用于哪些方面，勾选前面的复选框即可点击确定完成 制作表单网页有几步骤？一打开软件，2制作表单，三制作成功 ...
HTML INPUT只能输入数字
min="1"`表示最小值为1，`max="10"`表示最大值为10。这将确保输入的数字在指定范围内。最后，当你在浏览器中打开并查看test.html，点击表单的Submit按钮，浏览器会自动验证输入的数字是否符合设定的范围，如果输入的不是数字或超出范围，它会给予相应的提示。这样就实现了对数字输入的有效限制。
jquery点击按钮跳转页面(jquery点击按钮弹出窗口)
方法一：去除你的edit方法、去除元素上面的onclick、添加如下，委派处理动态加载的元素。jquery()事件执行完后跳转页面你的代码实际上已经执行了ui.alert方法了。但是下面的的跳转相当于重新加载了页面。所以你的弹出就看不到了。你可以弹出一个确认框，然后将页面跳转绑定到确认框的某个按钮上。\/\/点击...
html5不用django怎么写if(2023年最新整理)
#debug()调试用的,查看cl的值,主要是看self.cleaned_data的值,如果return了,就看不到了 returnself.cleaned_data classEquipmentCreateWizard(FormWizard): defdone(self,request,form_list): returnrender_to_response('equipment\/done.html', { 'form_data':[form.cleaned_dataforforminform_list], }) defget...
Form表单详解
文件选择通过``标签实现，提供浏览按钮供用户上传文件。隐藏域使用`type="hidden"`，用于存储不可见数据，如默认值。提交按钮通过`type="submit"`触发表单提交，而重置按钮则使用`type="reset"`将表单值重置为默认状态。HTML5新增特性丰富了表单元素与功能，例如`email`、`url`、`search`、`tel`、`...
html中form表单的使用方法和介绍
文件上传：用，允许用户选择文件。隐藏域：不可见，通常用于存储默认值或由JavaScript修改。提交和重置按钮：提交内容，重置所有输入为初始值。HTML5新增了更多表单类型，如email验证、URL输入、颜色选择等，还支持autofocus、multiple选择等属性，以及placeholder提示和required必填验证，增强了表单的交互性和用户...
html5中button怎么把边框怎么弄成圆角?
1、打开Adobe Dreamweaver CC 2015。2、执行菜单栏中的"文件的新建"命令或按住Ctrl+N键打开"新建文档"对话框，选择其文档类型为HTML，单击"创建"按钮，即创建一个网页文档。3、在<body>和<\/body>之间添加"<form><\/form>"，如下图所示。表单使用的<form>标记是成对出现的，在首标记<form>和尾标记...
