表单脚本

最新推荐文章于 2022-12-05 18:01:09 发布
最新推荐文章于 2022-12-05 18:01:09 发布
阅读量202 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42770988/article/details/106372060
版权

一、表单的基础知识

取得元素引用的方法

  • getElementById（）
  • document.forms可以取得页面中所有的表单集合，HTMLCollection

1.1、提交表单

<input type="submit" value="Submit Form">    
<button type="submit">Submit Form</button>    
<input type="image" src="./课程安排.png">

阻止表单提交

var form=document.getElementById("myForm");    
EventUtil.addHandler(form,"submit",function(event){        
event=EventUtil.getEvent(event);        
EventUtil.preventDefault(event)    
})

另外，使用submit（）也可以提交表单,而且，这种方式无需包含提交按钮，任何时候都可以正常提交

form.submit()

为避免多次提交，在一次提交表单后禁用提交按钮或者利用onsubmit事件处理程序取消后续的表单提交，用submit（）提交表单时，不会触发submit事件

1.2、重置表单

<input type="reset" value="Submit Form">    
<button type="reset">Submit Form</button>

阻止重置表单

var form=document.getElementById("myForm");    
EventUtil.addHandler(form,"reset",function(event){        
event=EventUtil.getEvent(event);        
EventUtil.preventDefault(event)    
})

另外，使用reset（）也可以重置表单，但是，它会触发reset事件

form.reset()

1.3、表单字段

每个表单都有elements属性，该属性时表单中所有表单的集合，这个集合是一个有序列表，例如

 var form=document.getElementById("myForm");    
 var colorFields=form.elements["color"];    
 console.log(colorFields.length)//3    
 var firstColorField=colorFields[0]    
 var firstFormField=form.elements[0];    
 console.log(firstColorField===firstFormField)//true

通过form.elements[0]访问到的第一个表单字段，与包含在form.elements[“color”]中的第一个元素下同

1.3.1、共有表单的字段属性

处理元素之外，所有的表单都拥有相同的一组属性，表单字段的共有属性：
disabled，form,name,readOnly,tabIndex,type,value其中form指向当前字段所属表单的指针，不可以修改，其他属性都可以动态修改
所以在单击一次就禁用的例子中，可以使用


 EventUtil.addHandler(form, "submit", function(event){                
 event = EventUtil.getEvent(event);                
 var target = EventUtil.getTarget(event);                            
 //get the submit button                
 var btn = target.elements["submit-btn"];                            
 //disable it                
 btn.disabled = true;                            
 });

不要使用onclick事件处理程序来实现这个功能，原因是不同的浏览器之间存在时差

1.3.2、共有的表单字段

focus（）：获得焦点
blur（）：移除焦点
新增一个autofocus属性，不用上述方法就能将焦点移动到相应的字段
为了保证前面的代码在设置autofocus的浏览器中正常运行，必须检测是否设置了这个属性，如果设置了，就不用调用focus（）

EventUtil.addHandler(window,"load",function(event){        
var element=document.forms[0].elements[1]        
if(element.autofocus!==true){            
element.focus();            
console.log("JS focus")        
}    
})
1.3.3、共有的表单字段事件

blur，change，focus
其中change事件：对于和元素，在他们失去焦点且value值改变时触发，对于，在其选项改变时触发

 var textbox=document.forms[0].elements[0];    
 EventUtil.addHandler(textbox,"focus",function(event){        
 event=EventUtil.getEvent(event);        
 var target=EventUtil.getTarget(event);        
 if(target.style.backgroundColor!="red"){            
 target.style.backgroundColor="yellow"        
 }    
 })    
 EventUtil.addHandler(textbox,"blur",function(event){        
 event=EventUtil.getEvent(event);        
 var target=EventUtil.getTarget(event);        
 if(/[^\d]/.test(target.value)){            
 target.style.backgroundColor="red"        
 }else{            
 target.style.backgroundColor=""        
 }    
 })    
 EventUtil.addHandler(textbox,"change",function(event){        
 event=EventUtil.getEvent(event);        
 var target=EventUtil.getTarget(event);        
 if(/[^\d]/.test(target.value)){            t
 arget.style.backgroundColor="red"        
 }else{            t
 arget.style.backgroundColor=""        
 }    
 })

在此，focus事件处理程序将文本框的背景颜色改为黄色，表明已经激活，blur和change事件处理程序则会发现非数字字符时，将背景改为红色

二、文本框脚本

有一个forms属性和elements属性（表单中的所有字段）
单行文本框
多行文本框

  • 在单行文本框中
    size:设置文本框能够显示的行数
    value：文本框的初始值
    maxlegth：指定文本框可以接受的最大字符数
  • 在多行文本框中
    rows指定字符行数
    cols指定字符列数

2.1、选择文本

select（）：在调用这个方法时，会将焦点设置到文本框中

var form=document.forms[0].elements["textbox"]
form.select()

在调用这个方法时，如果文本框中存在value，会选中所有的文本值，兼容性写法：

var form=document.forms[0].elements["textbox"]EventUtil.addHandler(form, "focus", function(event){                
event = EventUtil.getEvent(event);                
var target = EventUtil.getTarget(event);                                
target.select();            
});
2.1.1、选择（select）事件

与select（）方法对应，是一个select事件。在用户选择了文本框中的文本时，就会触发select事件

var form=document.forms[0].elements["textbox"]EventUtil.addHandler(form, "select", function(event){
console.log("Text selected"+form.value)            
});

在这里插入图片描述

2.2.2、取得选择文本

selectionStart和selectEnd属性，这两个属性中保存的是基于0的数值，表示所选择的文本的范围，IE8更早的版本支持document.selection

function getSelectedText(textbox){    
if(typeof textbox.selectionStart=='number'){    
return textbox.value.substring(textbox.selectionStart,textbox.selectionEnd)
}else if(document.selection){
return document.selection.createRange().text;
}
}
EventUtil.addHandler(window,"load",function(event){
var form=document.forms[0].elements["textbox"]    
EventUtil.addHandler(form,"select",function(event){        
console.log(getSelectedText(form))    
})
})

在这里插入图片描述
在这里插入图片描述

2.2.3、选择部分文本

setSelectionRange（）：接受两个参数，要选择的第一个字符的索引和要选择的最后一个字符之后的字符的索引

form.value="Hello World!";
EventUtil.addHandler(form,"focus",function(event){    
form.setSelectionRange(0,6)})

在这里插入图片描述
IE浏览器下，需要使用collapse将起点和终点折叠到起点位置，同时还要使用moveStart（）和moveEnd（）

form.value="Hello World!"var range=form.createTextRange();
range.collapse(true);range.moveStart("character",0);
range.moveEnd("character",form.value.length)r
ange.select()

在这里插入图片描述
实现跨浏览器

function selectText(textbox,startIndex,endIndex){    
if(textbox.setSelectionRange){        textbox.setSelectionRange(startIndex,endIndex)    
}else if(textbox.createTextRange){        
var range=textbox.createTextRange()        
range.collapse(true)        
range.moveStart("chaacter",startIndex)        
range.moveEbd("character",endIndex)        
range.select()    
}    
textbox.focus()
}

var textbox=document.forms[0].elements[0]
textbox.value="Hello World!"selectText(textbox,0,3)

2.2、过滤输入

2.2.1、屏蔽字符
  var textbox=document.forms[0].elements[0]
      EventUtil.addHandler(textbox,"keypress",function(event){        
  event=EventUtil.getEvent(event);        
  EventUtil.preventDefault(event)    
  })

此案例屏蔽了所有键，用户不能输入
要想屏蔽特定的字符，则需要检测keypress事件对应的字符编码

var textbox=document.forms[0].elements[0]    
EventUtil.addHandler(textbox,"keypress",function(event){        
event=EventUtil.getEvent(event);        
var charCode=EventUtil.getCharCode(event)        
if(!/\d/.test(String.fromCharCode(charCode))){            
EventUtil.preventDefault(event)        
}    
})

屏蔽了非数字字符
为了保证兼容性，我们将屏蔽的charCode设为小于10，
另外,还要考虑复制粘贴等组合键

 EventUtil.addHandler(textbox,"keypress",function(event){        
 event=EventUtil.getEvent(event);        
 var charCode=EventUtil.getCharCode(event)        
 if(!/\d/.test(String.fromCharCode(charCode)) &&charCode>9 &&event.ctrlKey){            
 EventUtil.preventDefault(event)        
 }    
 })
2.2.2、操作剪切板

六个事件
beforecopy，copy，beforecut，cut，beforepaste，paste要访问剪切板中的数据，可以使用clipboardData对象，在IE中，这个对象是window对象属性，在Firefox，Chrome,Safari中，这个对象是event属性
这个对象有三个方法：getData（），setData（），clearDate()

  • getData():接受一个参数，IE中为“text”或者“URL”，其他浏览器text/plain，可以用text代替
  • setData（）：接受两个参数，第一个参数为数据类型，IE中为“text”或者“URL”，其他浏览器text/plain，不能用text代替，第二个参数为要放在剪切办中的文本，IE
 getClipboardText:function(event){            
 var clipboardData=(event.clipboardData||window.clipboardData);            
 return clipboardData.getData("text")        
 },        
 setClipboardText:function(event){            
 if(event.clipboardData){                
 return event.clipboardData.setData("text/plain",value)            
 }else if(window.clipboardData){                
 return window.clipboardData.setData("text",value)            
 }        
 }

在需要粘贴到文本框中的文本包含某些字符，或者符合某种格式要求是，能够访问剪切板是非常有效的

 EventUtil.addHandler(textbox,"paste",function(event){        
 event=EventUtil.getEvent(event);        
 var text=EventUtil.getClipboardText(event)        
 if(!/^\d*$/.test(text)){            
 EventUtil.preventDefault(event)        
 }

})

此案例只能复制数字文本

2.3、自动切换焦点

 function tabForward(event){           
 event=EventUtil.getEvent(event);           
 var target=EventUtil.getTarget(event)           
 if(target.value.length==target.maxLength){               
 var form=target.form;               
 for(var i=0,len=form.elements.length;i<len;i++){                   
 if(form.elements[i]==target){                       
 if(form.elements[i+1]){                           
 form.elements[i+1].focus()                       
 }                       
 return;                   
 }               
 }           
 }       
 }

2.4、HTML5约束验证API

2.4.1、必填字段

required

2.4.2、其他输入类型

email和url

2.4.3、数值范围
2.4.4、输入模式

pattern，这个属性的值是一个正则表达式，用于匹配文本框中的值

2.4.5、检测有效性

checkValidity（）

2.4.6、禁用设置

novalidate属性

三、选择框脚本

有一个options属性
选择框是通过和元素创建的，有以下属性和方法：
add（newOption，relOption）：向控件中插入新的元素，其位置在相关项（relOption）之前
multiple：布尔值，表示是否允许多项选择
options：
remove（index）：移除给定位置的选项
selectedIndex：基于0的选中项的索引，如果没有选中项，则为-1

在DOM中，每个元素都有一个HTMLOptionElement对象表示。为了便于访问数据，给这个对象添加了如下的属性
index，label，selected，text，value

var text=selectbox.options[0].text
var value=selectbox.options[0].value

3.1选择选项

  • 对于只允许选择一项的选择框，使用selectedIndex属性
ar btn3=document.getElementById("btnSelected"),        
textbox=document.getElementById("selLocation");        
EventUtil.addHandler(btn3,"click",function(){            
var index=textbox.selectedIndex;            
var option=textbox.options[index]            
console.log(index,option.text,option.value)        
})
  • 另一种选择选项的方法，就是取得对某一项的引用，然后将其属性设置为true，它与selsectedIndex不同，在允许多选的选择框中设置selected属性，不会取消对其他项的选择，但是如果在单选框中，会取消选择
selectbox.options[0].selected=true

实际上，selected属性地主要作用是确定用户选择了选择框中地哪一项，下面这个例子用于单选和多选

function getSelectedOptions(selectbox){            
var result=new Array();            
var option=null;            
for(var i=0,len=selectbox.options.length;i<len;i++){                
option=selectbox.options[i];                
if(option.selected){                    
result.push(option)                
}            
}            
return result;        
}
var message=''        
EventUtil.addHandler(btn3, "click", function(event){                
var selectedOptions = getSelectedOptions(selectbox);                
var message = "";                                
for (var i=0, len=selectedOptions.length; i < len; i++){                     
message+= "Selected index: " + selectedOptions[0].index + "\nSelected text: " + selectedOptions[0].text + "\nSelected value: " + selectedOptions[0].value + "\n\n";                
}                
console.log(message)            
});

3.2、添加选项

  • DOM方法
  • 使用Option构造函数，接受两个参数：文本（text）和值（value)
var selectbox=document.getElementById("selLocation")        
var newOption=new Option("Option text","Option value");        
selectbox.appendChild(newOption)

在这里插入图片描述

  • 使用选择框地add（）：接受两个参数，要添加地新选项和位于新选项之后的选项，在IE中，第二个参数可选，而且如果指定，该参数必须是新选项之后地索引，DOM中第二个参数必须，所以浏览器要兼容，必须将第二个参数设为undefined
var selectbox=document.getElementById("selLocation")        
var newOption=new Option("Option text","Option value");        
selectbox.add(newOption，undefined)
`

3.3、移除选项

  • DOM
  • 选择框的remove（）：这个方法接受一个参数，要移除地选项地索引
  • 将相应地选项设置为null
selectbox.options[0]=null;

3.4、移动和重排选项

appendChild（）

 (function(){               
 var btn=document.getElementById("btnMove");               
 EventUtil.addHandler(btn,"click",function(){                
 var selectbox1 = document.getElementById("selLocations1"),                        
 selectbox2 = document.getElementById("selLocations2"),                        
 textbox = document.getElementById("txtIndex");                        
 selectbox2.appendChild(selectbox1.options[parseInt(textbox.value,10)])
})           
})()

在这里插入图片描述
insertBefore（）

(function(){        
var btnUp = document.getElementById("btnUp");        
var btnDown = document.getElementById("btnDown");        EventUtil.addHandler(btnUp,"click",function(){            
var selectbox=document.getElementById("selLocations"),            
textbox=document.getElementById("txtIndex")            
var optionToMove=selectbox.options[parseInt(textbox.value,10)];            
if(optionToMove.index-1>0){                
selectbox.insertBefore(optionToMove,selectbox.options[optionToMove.index-1])            
}        
})        
EventUtil.addHandler(btnDown,"click",function(){            
var selectbox=document.getElementById("selLocations"),            
textbox=document.getElementById("txtIndex")            
var optionToMove=selectbox.options[parseInt(textbox.value,10)];            
selectbox.insertBefore(optionToMove,selectbox.options[optionToMove.index+2])        
})    
})()

在这里插入图片描述
在这里插入图片描述

3.5、表单序列化

四、富文本编辑

通过设置designMode属性，可以让空白的HTML页面可以被编辑，其中“on"为可编辑，”off“为不可编辑

 <iframe name="richedit" style="height: 100px;width: 100px;"></iframe>
 EventUtil.addHandler(window,"load",function(){    
 frames["richedit"].document.designMode="on"
 })

在这里插入图片描述

4.1、使用contenteditable属性

可以把该属于给页面中的任何元素

 <div class="editable" id="richedit" contenteditable style="width: 100px;height: 100px;"></div>
 var div=document.getElementById("richedit");
 div.contentEditable="true"

在这里插入图片描述
在这里插入图片描述

4.2、操作富文本

document.execCommand():这个方法接受三个参数，要执行的命令名称，表示浏览器是否应该为当前命令提供界面的一个布尔值，执行命令必须的一个之（如果不需要，传null），为保证浏览器的兼容性，第二个参数始终设为false
命令名称见书p440
可以在任何时候使用这些命令来修改富文本编辑器的外观

//方法一：设置designMode属性时
EventUtil.addHandler(window,"load",function(){    
frames["richedit"].document.designMode="on"
})
var btn1=document.getElementById("btn1")
var btn2=document.getElementById("btn2")
EventUtil.addHandler(btn1,"click",function(){    
frames["richedit"].document.execCommand("bold", false, null);   
})
EventUtil.addHandler(btn2,"click",function(){    
frames["richedit"].document.execCommand("italic", false, null);    
//方法二：设置contenteditable属性时
var btn1=document.getElementById("btn1")
var btn2=document.getElementById("btn2")
EentUtil.addHandler(btn1,"click",function(){    
document.execCommand("bold",false,null)})
EventUtil.addHandler(btn2,"click",function(){    
document.execCommand("italic",false,null)
})

在这里插入图片描述
另外，哈有一些与命令祥光的方法：
第一个是queryCommandEnabled（），用来检测是否可以针对当前选择的文本，或者当前插入的字符所在的位置执行某个命令，这个方法接受一个参数，即要检测的命令。如果当前编辑区域允许执行传入的命令，这个方法返回true

EventUtil.addHandler(btn3,"click",function(){    
var result= frames["richedit"].document.queryCommandEnabled("bold")    
console.log(result)})

第二个方法是queryCommandState（）方法用于确定是否已经将指定命令应用到了选择的文本

EventUtil.addHandler(btn3,"click",function(){    
var result= frames["richedit"].document.queryCommandState("bold")    
console.log(result)})

第三个方法是queryCommandValue用来取得执行命令时传入的值

EventUtil.addHandler(btn3,"click",function(){    
var result= frames["richedit"].document.queryCommandValue("bold")   
})

4.3、富文本选区

使用框架(iframe)的getSelection（）方法，可以确定实际选择的文本，这个方法是window对象的属性，返回它会第哦啊用一个表示当前选择文本的Selection对象

EventUtil.addHandler(btn4,"click",function(){    
frames["richedit"].document.execCommand("fontsize", false, 12);    
var selection=frames["richedit"].getSelection();
var selectText=selection.toString();
var range=selection.getRangeAt(0)console.log(range)
})

在这里插入图片描述

IE浏览器中，要先创建一个范围，在访问其属性

 var range = frames["richedit"].document.selection.createRange();                            
 range.pasteHTML("<span style=\"background-color:yellow\">" + range.htmlText + "</span>");

4.4、表单与富文本

由于富文本编辑器使用iframe而非表单控件实现的，因此从技术上来说，富文本编辑器并不属于表单，换句话说，富文本编辑器中的不会被自动提交给服务器，而需要我们手动来提取并提交，为此，通常可以添加一个隐藏的表单字段，让它的值等于从iframe中提取的HTML

EventUtil.addHandler(document.forms[0],"submit",function(event){    
event=EventUtil.getEvent(event)    
var target=EventUtil.getTarget(event)    
target.elements["comments"].value=frames["richedit"].document.body.innerHTML;    
})

对于contenteditable元素，也可以执行类似操作

EventUtil.addHandler(document.forms[0],"submit",function(event){    
event=EventUtil.getEvent(event)    
var target=EventUtil.getTarget(event)    
target.elements["comments"].value=document.getElementById("richedit").innerHTML;    
})
佛曰小希希
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
14.表单脚本（1）
official business
06-03 244
表单脚本： 1.表单的基础知识： 提交表单： 重置表单： 表单字段： 1. 共有的表单字段属性： 2. 共有的表单字段方法： 3. 共有的表单字段事件： 2.文本框脚本： 选择文本： 1. 选择（select）事件： 2. 取得选择的文本： 3. 选择部分文本： 过滤输入： 1. 屏蔽字符： 2. 操作剪贴板： 自动切换焦点： HTML5 约束验证API 1. 必填字段： 2. 其他输入类型： 3. 数值范围： 4. 输入模式： 5. 检测有效性：
表单脚本（一）：以编程方式提交表单和解决重复提交表单
仰望星空的代码
08-31 577
提交表单 用户单击提交按钮或图像按钮时，就会提交表单。使用&lt;input&gt;或&lt;button&gt;都可以定义提交按钮，只要将其type特性的值设置为"submit"即可，而图像按钮则是通过将&lt;input&gt;的type特性值设置为"image"来定义的。因此，只要我们单击以下代码生成的按钮，就可以提交表单。 &lt;!-- 通用提交按钮 --&gt; &lt;inpu
基于JavaScript表单脚本(详解)
10-19
下面小编就为大家带来一篇基于JavaScript表单脚本(详解)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
JS表单脚本输入验证
03-18
在JavaScript（JS）中，表单脚本输入验证是网页开发中的重要环节，它确保用户在提交表单前输入的数据符合预设的规则，从而提高数据质量和用户体验。这篇博客（博文链接：https://zlk.iteye.com/blog/592365）可能...
js带有登录提示验证的表单脚本代码
07-18
在“js带有登录提示验证的表单脚本代码”这个项目中，开发者创建了一个完整的前端登录表单，包含了使用JS进行输入格式判断的功能，非常适合应用于各种系统登录页面。 一、表单设计基础 1. 表单元素：HTML中的标签...
vbs httppost上传表单脚本
10-09
vbs 的post上传表单示例.vbs用http"WinHttp.WinHttpRequest.5.1"可伪造cookie
十四章：表单脚本
qq_37299479的博客
06-01 310
本章内容：理解表单文本框验证和交互使用其他表单控制14.1 表单的基础知识在JavaScript中，表单对应的是HTMLFormElement类型，该类型继承了HTMLElement,因而与其他html元素具有相同的默认属性，另外，它有自己独有的属性和方法。acceptCharset， action , elements, enctype , length , method , name , reset() , submit() , target取得 form 元素的方式通过 id 访问 通过 docu
脚本提交表单的方法
生活在爪洼岛上
02-18 687
function save(){ var request = window.confirm("你确定要保存吗？"); if(request){  return  document.adAppendForm.submit(); }else{  return false; } }                onclick="save()"/>二者的作用相当于按钮类型用submit直接提交
javaScript表单脚本
大牛成长，潜心学习
12-22 255
获取表单的集中方法： 1、通过表单ID去寻找表单 var form = document.getElementById("form"); 2、通过document.forms可以取得页面中的所有表单。在这个结合中可以通过数值所有或者name获得相对应的表单。 var firstForm = document.forms[0]; //取得页面中的第一个表单 var myForm = doc
JavaScript高级程序设计 第4版 --表单脚本
Cupid
12-05 689
JavaScript高级程序设计 第4版 --表单脚本
表单脚本学习（选择框脚本）
Mccree1997的博客
12-20 240
选择框是通过<select><option> 来实现的，为了方便与这个控件交互，除了所有表单字段共有的属性和方法外，HTMLSelectElement提供了我们多种属性和方法 add()：向空间中插入新<option> 元素 方法接收两个参数(newOption，relOption)，其位置在relOption之前 multiple：布尔值，表示是否允许多项选择 options：该空间中optio
一键用数据库脚本生成数据库表
Alive_tree的博客
01-21 2837
今天配置了后台的环境，配置了nginx的相关内容，运用数据库脚本生成数据库，之前都是导师帮忙做，今天终于自己完成了 纪念一下，用数据库脚本语言生成数据库 首先把数据库的脚本下载下来 然后 打开数据库客户端 然后右键localhost-&gt;运行SQL文件-&gt;选择下载的数据库脚本-&gt;点击开始 然后就可以生成名为siot-service的数据库啦 ...
自定义表单开发过程及思路笔记
qq_38800175的博客
06-09 5722
前言： 由于公司项目中有一个自定义表单的需求，而本人却无类似开发经验，在朋友和同事的努力下，依然没有找到最佳的解决方案，后来自己根据自己对业务的了解和别人的思路借鉴，最终设计出了现在这款自定义表单的逻辑。 项目环境：king base V8 (人大金仓数据库) ，Mybatis-Plus v3.4.2 ，spring-boot-2.2.5.RELEASE 在本文中，主要阐述结合 VUEJS 动态表格的数据结构进行设计接口和数据库，在此之前，需要了解一下 VUEJS 动态表格 核心思想 自定义的
自定义表单mysql_自定义表单系统 如何设计数据库
weixin_33603963的博客
02-05 1088
问题描述需求是这样的：1、由客户来根据需求设计表单内容样式 点击保存后 前端可以生成JSON格式数据，JSON数据如下：{"list": [{"type": "input","options": {"width": "100%","defaultValue": "","required": true,"dataType": "string","pattern": "","placeholder":...
表单提交后php脚本执行
最新发布
07-20
当表单提交后，PHP脚本可以执行相应的操作。以下是一个示例的PHP脚本，用于处理表单提交的数据： ```php if ($_SERVER['REQUEST_METHOD'] == 'POST') { // 获取表单提交的数据 $module = $_POST['module']; $...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值