首页 > 编程知识 正文

js表单文本框内容互换代码下载(js改变文本框内容)

时间:2023-11-30 11:44:48 阅读:310553 作者:GPAF

本文目录一览:

  • 1、js复制文本框内容到剪切板实现换行
  • 2、js如何通过表单文本框的设置来改变图片上的内容
  • 3、js如何还原文本框内容
  • 4、在html静态页面中,如何使用js把页面中的文本框的内容写入到另外一个html文件中,或是写入到txt文档中?
  • 5、js获得一个文本框中的值复制到另一个中应如何改
  • 6、js 表单切换

js复制文本框内容到剪切板实现换行

script type="text/javascript"

function copyUrl2()

{

var Url2=document.getElementById("biao1").innerText;

var oInput = document.createElement('input');

oInput.value = Url2;

document.body.appendChild(oInput);

oInput.select(); // 选择对象

document.execCommand("Copy"); // 执行浏览器复制命令

oInput.className = 'oInput';

oInput.style.display='none';

alert('复制成功');

}

/script

div cols="20" id="biao1"12345678/div

input type="button" onClick="copyUrl2()" value="点击复制代码" /

js如何通过表单文本框的设置来改变图片上的内容

!DOCTYPE html

html lang="en"

head

    meta charset="UTF-8"

/head

body

请选择图片:input type="file" id="file" accept="image/*"/

请输入水印文字:input type="text" id="text"/

button type="button" id="ok"确定/button

canvas id="stage"

    浏览器版本太低,请更新浏览器以便支持canvas

/canvas

script type="text/javascript"

    var $ = document.querySelector.bind(document);

    var file = $('#file'), 

        text = $('#text'), 

        button = $('#ok'), 

        stage = $('#stage'), 

        ctx = stage.getContext('2d');

    file.onchange = function (e) {

        var file = e.target.files[0];

        var image = new Image();

        var reader = new FileReader();

        reader.onload =function(){

            image.src = reader.result

 };

        reader.readAsDataURL(file);

        image.onload = function () {

            stage.width = this.width;

            stage.height = this.height;

            ctx.drawImage(this, 0, 0,this.width,this.height);

        };

    };

    button.onclick = function () {

        var textValue = text.value;

        if(!textValue) alert('请输入水印文字');

        ctx.fillStyle='red';

        ctx.font = '150px Arial';

        ctx.fillText(textValue,20,stage.height - 40);

    }

/script

/body

/html

js如何还原文本框内容

这个代码 无法实现

IE是本身保存了你的数据 并不是 你的load_CurrentText() 工作了

解决方法 是用js本地重写页面内容 避免出现页面跳转

在html静态页面中,如何使用js把页面中的文本框的内容写入到另外一个html文件中,或是写入到txt文档中?

问问你,你是想把提交的姓名手机等信息放到文件里存起来,还是只是想在页面上显示下,下次就不用了?如果是后者,js就搞定了,如果是前者,就麻烦了,需要在后台实现,因为js不能操作文件

js获得一个文本框中的值复制到另一个中应如何改

script

function cal(){

 var rem = document.getElementById('txt1').value;

 document.getElementById('txt2').value = rem;

}

/script

/head

body

    form action="" method="get" name="myform"

        input id="txt1" type="text"

        input id="txt2" type="text"

        input name="" onClick="cal();" type="button" value="确定"

    /form

/body

js 表单切换

假设你的邮件发送对应的action是SendMail.asp,

把你的submit按钮改成type="button",加一个onclick函数

先判断哪个radio被选中(具体写发百度一下吧)

如果是“普通”,则用document.form1.action="SendMessage.asp"

如果是“重要”,则document.form1.action='SendMail.asp'

最后document.form1.submit()

PS.name=form1 , action=SendMessage.asp ,method=post这些,后面那个最好还是用个引号括起来吧。。。

再PS.没人觉得你是要用outlook.....可能是你没明白我和楼上的意思

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。