网页特效（按钮表单）:文字链接代替表单提交的按钮

以下是小编为大家准备的网页特效（按钮表单）:文字链接代替表单提交的按钮，本文共7篇，仅供参考，欢迎大家阅读。本文原稿由网友“雁鸿书”提供。

篇1：网页特效（按钮表单）:文字链接代替表单提交的按钮

<meta content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;” name=“viewport”><meta content=“yes” name=“apple-mobile-web-app-capable”><meta content=“telephone=no” name=“format-detection”>相当于发送按钮的超链接<form. action=“www.sohu.com” method=“post” name=“form1”>姓名:<input name=“name” type=“text”>发送表单</form.>     

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，

网页特效（按钮表单）:文字链接代替表单提交的按钮

篇2：网页特效（按钮表单）:,按钮控制页面移动

<form.><input nclick=“moveWindowUp;” type=“button” value=“向上”><input nclick=“moveWindowLeft();” type=“button” value=“向左”><input nclick=“moveWindowRight();” type=“button” value=“向右”><input nclick=“moveWindowDown();” type=“button” value=“向下”></form.>     

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，

网页特效（按钮表单）:,按钮控制页面移动

篇3：网页特效（按钮表单）:CSS自适应宽度按钮

<meta. content=“text/html; charset=gb2312” http-equiv=“Content-Type”></meta.><meta content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;” name=“viewport”><meta content=“yes” name=“apple-mobile-web-app-capable”><meta content=“telephone=no” name=“format-detection”>CSS自适应宽度圆角按钮 @5key.net<style. a=“a” a:hover=“a:hover” a:hoverbackground=“a:hover{background” abackground:urlhttp=“a{background:url(http” bodypadding:10px=“body{padding:10px;” color:000=“color:#000;” color:fff=“color:#fff;” cursor:hand=“cursor:hand;” down=“down” float:left=“float:left;” font-size:12px=“font-size:12px;}” font-size:14px=“font-size:14px;” font-weight:bold=“font-weight:bold;}” h1margin:0=“h1{margin:0;” height:16px=“height:16px;” height:30px=“height:30px;” images=“images” js=“js” left=“left” margin:0=“margin:0” padding:0=“padding:0;}” padding:10px=“padding:10px” padding:9px=“padding:9px” px=“8px” right=“right” spanbackground:urlhttp=“span{background:url(http” text-decoration:none=“text-decoration:none;” www.lanrentuku.com=“www.lanrentuku.com”></style.>二字三个字四个大字五个大大字很多多多多多多字     

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，

网页特效（按钮表单）:CSS自适应宽度按钮

篇4：网页特效（按钮表单）:通用的表单验证代码

<meta. content=“text/html; charset=gb2312” http-equiv=“Content-Type”></meta.><meta content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;” name=“viewport”><meta content=“yes” name=“apple-mobile-web-app-capable”><meta content=“telephone=no” name=“format-detection”>表单验证类<style. font-size:12px=“font-size:12px;}” px=“1px” red=“red;” redbackground-color:yellow=“red;background-color:Yellow;” solid=“solid”></style.>= min && val <= max;}//获取最大值或最小值String.prototype.getBetweenVal = function (what) {var val = this.split(',');var min = val[0];var max = val[1] == null ? val[0] : val[1];if (parseInt(min) >parseInt(max)) {min = max;max = val[0];}return what == 'min' ? (isNaN(min) ? null : min) : (isNaN(max) ? null : max);}var validator={};//要用到的正则表达式validator.reg={“english”:/^[a-zA-Z0-9_-]+$/,“chinese”:/^[u0391-uFFE5]+$/,“number”:/^[-+]?d+(.d+)?$/,“integer”:/^[-+]?d+$/,“float”:/^[-+]?d+(.d+)?$/,“date”:/^(d{4})(-|/)(d{1,2})2(d{1,2})$/,“email”:/^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/,“url” : /^(((ht|f)tp(s?))://)[a-zA-Z0-9]+.[a-zA-Z0-9]+[/=?%-&_~`@[]':+!]*([^“”])*$/,“phone” : /^(((d{2,3}))|(d{3}-))?((0d{2,3})|0d{2,3}-)?[1-9]d{6,7}(-d{1,4})?$/,“mobile” : /^(((d{2,3}))|(d{3}-))?((13d{9})|(159d{8}))$/,“ip” : /^(0|[1-9]d?|[0-1]d{2}|2[0-4]d|25[0-5]).(0|[1-9]d?|[0-1]d{2}|2[0-4]d|25[0-5]).(0|[1-9]d?|[0-1]d{2}|2[0-4]d|25[0-5]).(0|[1-9]d?|[0-1]d{2}|2[0-4]d|25[0-5])$/,“zipcode”: /^[1-9]d{5}$/,“qq” : /^[1-9]d{4,10}$/,“msn” : /^w+([-+.]w+)*@w+([-.]w+)*.w+([-.]w+)*$/,“idcard” : /(^d{15}$)|(^d{17}[0-9Xx]$)/};//提示信息validator.tip={“unknow”:“未找到的验证类型，无法执行验证，<p><p>网页特效（按钮表单）:通用的表单验证代码</p></p>。”,“paramError”:“参数设置错误，无法执行验证。”,“required”:“不允许为空。”,“english”:“仅允许英文字符及下划线 (a-zA-Z0-9_)。”,“chinese”:“仅允许中文字符。”,“number”:“不是一个有效的数字。”,“integer”:“不是一个有效的整数。”,“float”:“不是一个有效的浮点数。”,“date”:“不是一个有效的日期格式。 (例如：-06-29)”,“email”:“不是一个有效的电子邮件格式。”,“url”:“不是一个有效的超链接格式。”,“phone”:“不是一个有效的电话号码。”,“mobile”:“不是一个有效的手机号码。”,“ip”:“不是一个有效的IP地址。”,“zipcode”:“不是一个有效的邮政编码。”,“qq”:“不是一个有效的QQ号码。”,“msn”:“不是一个有效的MSN帐户。”,“idcard”:“不是一个有效的身份证号码。”,“notSame”:“两次输入的内容不一致，请重新输入。”};//安装validator.setup=function(selector){//var allTags=$(selector+“ input,textarea,select”);//alert(allTags.length);validator.selector=selector;$(selector+“ input,textarea,select”).each(function{$(this).blur(function(){if(validator.doValidate($(this),validator.feedback)){validator.OK($(this));}})});}//验证全部validator.validatorAll=function(selector){var bl=true;if(typeof(validator.selector)==“undefined”)//如果没有执行validator.setupvalidator.selector=selector;$(validator.selector+“ input,textarea,select”).each(function(){if(validator.doValidate($(this),validator.feedback)){validator.OK($(this));}elsebl=false;});return bl;}//关闭错误提示validator.OK=function(ele){ele.next().fadeOut(“slow”,function(){ele.next().remove();});ele.removeClass(“alert”);}//显示错误提示validator.feedback = function (ele,type){var msg = validator.tip[type];if(typeof(msg)==“undefined”)//type也可以直接是要显示的信息，注意，这个信息不能是tip的key，否则会有歧义msg=type;ele.addClass(“alert”);if(ele.parent().find(“.validator_msgSpan”).length>0){return;}var _msgObj=$(' '+msg+'');ele.parent().append(_msgObj);_msgObj.fadeIn(“slow”);}//执行验证validator.doValidate=function(element,feedback){var v = element.val();//alert(v);var ControlName=element.attr(“controlName”);//验证是否允许非空var required = element.attr('required');if (required != null && v.isEmpty()) {feedback(element,'required');return false;}//验证是否合法格式var dataType = element.attr('dataType');if (!v.isEmpty() && dataType != null && dataType.toLowerCase() != 'password') {dataType = dataType.toLowerCase();try {if (!( validator.reg[dataType]).test(v)) {feedback(element,dataType);return false;}} catch(e) {feedback(element,'unknow');return false;}}//执行数据验证var confirmObj = element.attr('confirmObj');if (confirmObj != null) {try {var data = $(confirmObj).val();//eval('formObj.' + confirmObj + '.value');if (v != data) {//alert('两次输入的内容不一致，请重新输入，');feedback(element,“notSame”);return false;}} catch (e) {feedback(element,'paramError');return false;}}//验证数字大小var dataBetween = element.attr('dataBetween');if (!v.isEmpty() && dataBetween != null) {var min = dataBetween.getBetweenVal('min');var max = dataBetween.getBetweenVal('max');if (min == null || max == null) {feedback(element,'paramError');return false;}if (!v.isBetween(parseInt(v.trim()), min, max)) {feedback(element,ControlName + '必须是介于 ' + min + '-' + max + ' 之间的数字。');return false;}}//验证字符长度var dataLength = element.attr('dataLength');if (!v.isEmpty() && dataLength != null) {var min = dataLength.getBetweenVal('min');var max = dataLength.getBetweenVal('max');if (min == null || max == null) {feedback(element,'paramError');return false;}if (!v.isBetween(v.trim().length, min, max)) {feedback(element,ControlName + '必须是 ' + min + '-' + max + ' 个字符。');return false;}}return true;}$(document).ready(setup);function setup(){validator.setup(“#form1”);}<form. action=“” id=“form1” method=“post” name=“form1”>密码password<input controlname=“密码” datatype=“password” id=“password” name=“password” required=“required” type=“text”>密码确认confirmObj<input confirmobj=“#password” controlname=“密码确认” name=“confirmObj” type=“text”>英文english<input controlname=“英文” datalength=“4,10” datatype=“english” name=“english” type=“text”>4~10个字符中文chinese<input controlname=“中文” name=“chinese” required=“required” type=“text”>非空数字number<input controlname=“数字” databetween=“10,100” name=“number” type=“text”>大于10，小于100整数integer<input controlname=“整数” datatype=“integer” name=“integer” type=“text”>浮点数float<input controlname=“浮点数” datatype=“float” name=“float” type=“text”>日期date<input controlname=“日期” datatype=“date” name=“date” type=“text”>邮件email<input controlname=“邮件” datatype=“email” name=“email” type=“text”>网址url<input controlname=“网址” datatype=“url” name=“url” type=“text”>电话phone<input controlname=“电话” datatype=“phone” name=“phone” type=“text”>手机mobile<input controlname=“手机” datatype=“mobile” name=“mobile” type=“text”>IP地址ip<input controlname=“IP地址” datatype=“ip” name=“ip” type=“text”>邮编zipcode<input controlname=“邮编” datatype=“zipcode” name=“zipcode” type=“text”>QQ号码qq<input controlname=“QQ号码” datatype=“ip” name=“qq” type=“text”>MSNmsn<input controlname=“MSN” datatype=“msn” name=“msn” type=“text”>身份证idcard<input controlname=“身份证” datatype=“idcard” name=“idcard” type=“text”><input name=“Submit” nclick=“return validator.validatorAll()” type=“submit” value=“提交”></form.>     

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效。

篇5：Dreamweaver插入表单按钮

今天小编为大家介绍一下Dreamweaver插入表单按钮，希望对大家有帮助。

一、在Dreamweaver中插入表单按钮

1. 点击鼠标，将光标定位在表单框线内，点击“插入”菜单，选择“表单”项，在弹出的子菜单中选择“按钮”命令。

或者在“插入”面板中选择“表单”项，点击“按钮”图标，如下图所示：

点击“窗口”菜单，选择“插入”项，可以打开“插入”面板。

2. 点击“按钮”图标后，弹出“输入标签辅助功能属性”对话框。

3. 单击“确定”按钮，表单按钮出现在文档中。

4. 在文档中点击“按钮”表单控件，如下图所示：

5. 打开按钮“属性”面板，如下图所示：

按钮名称：为该按钮输入一个名称。name属性。

值：输入需要在按钮上出现的文本。value属性。

动作：选择“提交表单”，点击该按钮时提交表单以供处理(type=“submit”);选择“重设表单”，点击该按钮时重置表单(type=“reset”);选择“无”，点击该按钮时激活一个基于处理脚本的不同动作(type=“button”)。

提示：在表单的“动作”文本框中指定脚本或页面来处理表单。

二、提示

将光标定位到表单的红色虚线围成的框内，按回车(Enter)键，可以添加多个表单按钮。

篇6：网页特效（按钮表单）:随机设置表单的发送地址

<meta content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;” name=“viewport”><meta content=“yes” name=“apple-mobile-web-app-capable”><meta content=“telephone=no” name=“format-detection”>随机设置表单的发送地址<form. name=“form1” onsubmit_fckprotectedatt=“%20onSubmit%3D%22send(this)%22”>姓名：<input name=“name” type=“text”><input type=“submit” value=“发送”></form.>     

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，

网页特效（按钮表单）:随机设置表单的发送地址

篇7：网页特效（按钮表单）:点击按钮完成选定、复制（copy）

<meta content=“width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no;” name=“viewport”><meta content=“yes” name=“apple-mobile-web-app-capable”><meta content=“telephone=no” name=“format-detection”>点击按钮完成选定、复制<input name=“Button” nclick=“JM_cc('js_1')” type=“button” value=“复制到剪贴板”></p><p><form. action=“” method=“post” name=“form1”><textarea cols=“70” name=“js_1” rows=“10” wrap=“VIRTUAL”>素材网：     

提示：您可以先修改部分代码再运行，复制代码和保存代码功能在Firefox下无效，

网页特效（按钮表单）:点击按钮完成选定、复制（copy）

网页特效（文字特效代码）:CSS制作的阴影链接文字

标准化设计解决方案 Part 1: 从标记语法谈起 Chapter 5 表单网页设计

网页特效（按钮表单）:文字链接代替表单提交的按钮.doc

将本文的Word文档下载到电脑，方便收藏和打印

推荐度：

点击下载文档