html5中如何通过点击按钮 自动填写表单

html5中如何通过点击按钮 自动填写表单,第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>

以上,希望对你有帮助!

办公白领在日常办公中遇到一些电脑 *** 作的问题是很常见的,现在pdf办公软件使用日益频繁,期间出现的问题也有不少,但大多是因为新手不善于 *** 作所致。就像在pdf编辑的时候需要填写表单,那么究竟PDF表单填写怎么 *** 作?针对这一问题相信有很多朋友们都在寻找着答案,那么下面就让我来详细给大家讲解一下。

办公小白们在刚入职的时候,往往都需要做一些辅助性的工作。但是对于电脑上的这些软件 *** 作如果不熟悉的话,很可能就会出现一堆的问题。就像是PDF表单填写该怎么样去完成?创建一个能够填写的表单其实有很多的办法可以解决,不管是Word或者是pdf编辑软件都能实现。而对于利用Word进行创建是比较复杂的,根本不好抓住技巧。在PDF软件中制作可填写表单是比较轻松的。针对这个问题,我们可以使用万兴PDF专家作为演示的工具,给大家详细说一下步骤:

步骤1:打开PDF软件

首先我们需要启动pdf编辑软件,然后打开需要填写的表单文件。

步骤2:自动填写PDF表单

当我们打开不能填写的PDF文档后,要想变成可填写的模式有两种方式。对于PDF文件里面具有表格、行或框的情况,我们需要转到“表单”“表单识别”按钮进行自动的填写PDF表单。

步骤3:手动填写PDF表单

当我们发现打开的PDF文档不具备表、字段等,就能够采取手动创建可填写字段。具体做法就是点击“表单”,选择“文本字段”、“复选框”、“单选按钮”或“组合框”按钮等,随意在页面上进行添加内容。

鼠标双击这个新添加字段,我们可以看到属性框。在这里用户需要依据自己的需求来进行设置。说到这,可填写表单就制作出来了。

要说起万兴PDF专家来,其实有很多优势,该软件适用于多个 *** 作系统,包括Windows、Mac在内,是一个完美的pdf编辑器。该编辑器不但能够制作可填写表单,还可以进行转换格式、注释一些信息等多种的功能。不但如此,该软件还可以实现连接扫描仪,进行扫描的 *** 作。

我们在进行表单的创建时,用户借此能够添加很多功能,包括文本字段、还有复选框,甚至单选按钮等等。把表单放置在pdf文档中,程序能够自动进行可填写字段等信息的检查。同时为了不同客户的需求,我们还可以使用万兴PDF专家转变多个格式。

看完上面的描述,相信大家对于PDF表单填写的 *** 作方法都会有所了解。没错,当前在我们办公过程中遇到的问题不仅是填写表单这样简单,还有很多 *** 作,需要pdf编辑器来完成。朋友们看到这里,也许会对万兴PDF专家有了一个全新的认识,因为这款软件的确有着诸多的功能。很多接触过这款办公软件的朋友们都对此非常的感兴趣,有了它,办公不会愁。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/bake/11750860.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-18
下一篇 2023-05-18

发表评论

登录后才能评论

评论列表(0条)

保存