导航:首页 > 万维百科 > 网页设计插入提交按钮

网页设计插入提交按钮

发布时间:2020-09-06 06:43:34

1、在HTML网页中插入一个按钮

用a标签模拟按钮即可。如:
html:
<a href="你要跳转回页面的url" class="btn_a">按钮答</a>
CSS:
.btn_a{width:100px; height:30px; line-height:30px; color:#fff; background-color:#d0af61; display:block;}

2、dreamweaver中如何添加“提交”和“重置”按钮

步骤如下:

1、启动Dreamweaver,ctrl+n新建html文档;

2、设计视图,点击插入菜单--表单--表单命令,下图虚线区就是表单区域;

3、点击表单区域,点击插入菜单---表单--按钮命令;

4、输入标签文字提交,点击确定;

5、属性面板可查看默认动作为提交表单;

6、再次点击表单区域,点击插入菜单---表单--按钮命令;

7、输入标签文字重置,点击确定;

8、点击该按钮,属性面板动作修改为重设表单;

9、ctlr+s保存网页,按F12调试即可。

3、网页设计中提交,重置按钮问题

方法一:
选择你的按钮,打开
窗口-行为
添加行为
转到URL
输入你要转到的网址,如“http://www.baidu.com”
确定

方法二:
代码:<input name="Submit" type="submit" onclick="MM_goToURL('parent','http://www.baidu.com');return document.MM_returnValue" value="提交" />

4、html网页制作当中,如何实现编辑框使得用户输入内容后点提交按钮能使输入的内容显示在网页中?

Q空间的留言板是连接数据库的,他的提交大概有2个操作,一个是把信息提交数据库,一个是刷新留言板获取最新的留言信息。
你的需求不连接数据库那就很简答了。代码如下:
一个两个文本域,第一个是不允许编辑的,第二个是可以编辑的,在第二个文本域输入信息的时候,点submit按钮,会在第一个文本域显示出来。这只是演示,具体情况根据需求自己定义。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head><title>test about javascript</title>
<script type="text/javascript">
function showMsgs(){
var msg = document.getElementById("msg").value;
var showMsg = document.getElementById("showMsg");
showMsg.value = msg;
}
</script>
</head>
<body><center>
<textArea id='showMsg' disabled></textArea><br>
<textArea id='msg'></textArea><br>
<input type='button' value='submit' onclick="showMsgs()">
</center>
</body></html>

5、HTML设计问题-网页添加按钮

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>欢迎访问</title>
<style type="text/css">
body {
background-color:#000044;
background:url(images/bg.jpg) repeat-x;
margin:0;
padding:0;
text-align:center;
overflow:hidden;
}
a {
text-decoration:none;
color:#0078ff;
}
.option{
cursor:crosshair;
margin:10px auto;
padding:10px;
background-color:#fff;
font-family:微软雅黑;
font-size:36px;
width:330px;
}
a:hover{
font-size:33px;
}
</style>
</style>
</head>
<body onLoad="init()">
<script type="text/javascript" src="js/ThreeCanvas.js"></script>
<script type="text/javascript" src="js/Snow.js"></script>
<script type="text/javascript">
var SCREEN_WIDTH = window.innerWidth;
var SCREEN_HEIGHT = window.innerHeight;
var container;
var particle;
var camera;
var scene;
var renderer;
var mouseX = 0;
var mouseY = 0;
var windowHalfX = window.innerWidth / 2;
var windowHalfY = window.innerHeight / 2;
var particles = []; 
var particleImage = new Image();//THREE.ImageUtils.loadTexture( "img/ParticleSmoke.png" 
);
particleImage.src = 'images/ParticleSmoke.png'; 
function init() {
container = document.createElement('div');
document.body.appendChild(container);
camera = new THREE.PerspectiveCamera( 75, SCREEN_WIDTH / SCREEN_HEIGHT, 1, 
10000 );
camera.position.z = 1000;
scene = new THREE.Scene();
scene.add(camera);
renderer = new THREE.CanvasRenderer();
renderer.setSize(SCREEN_WIDTH, SCREEN_HEIGHT);
var material = new THREE.ParticleBasicMaterial( { map: new THREE.Texture
(particleImage) } );
for (var i = 0; i < 500; i++) {
particle = new Particle3D( material);
particle.position.x = Math.random() * 2000 - 1000;
particle.position.y = Math.random() * 2000 - 1000;
particle.position.z = Math.random() * 2000 - 1000;
particle.scale.x = particle.scale.y =  1;
scene.add( particle );
particles.push(particle); 
}
container.appendChild( renderer.domElement );
document.addEventListener( 'mousemove', onDocumentMouseMove, false );
document.addEventListener( 'touchstart', onDocumentTouchStart, false );
document.addEventListener( 'touchmove', onDocumentTouchMove, false );
setInterval( loop, 1000 / 60 );
}
function onDocumentMouseMove( event ) {
mouseX = event.clientX - windowHalfX;
mouseY = event.clientY - windowHalfY;
}
function onDocumentTouchStart( event ) {
if ( event.touches.length == 1 ) {
event.preventDefault();
mouseX = event.touches[ 0 ].pageX - windowHalfX;
mouseY = event.touches[ 0 ].pageY - windowHalfY;
}
}
function onDocumentTouchMove( event ) {
if ( event.touches.length == 1 ) {
event.preventDefault();
mouseX = event.touches[ 0 ].pageX - windowHalfX;
mouseY = event.touches[ 0 ].pageY - windowHalfY;
}
}
//
function loop() {
for(var i = 0; i<particles.length; i++)
{
var particle = particles[i]; 
particle.updatePhysics(); 
with(particle.position)
{
if(y<-1000) y+=2000; 
if(x>1000) x-=2000; 
else if(x<-1000) x+=2000; 
if(z>1000) z-=2000; 
else if(z<-1000) z+=2000; 
}
}
camera.position.x += ( mouseX - camera.position.x ) * 0.05;
camera.position.y += ( - mouseY - camera.position.y ) * 0.05;
camera.lookAt(scene.position); 
renderer.render( scene, camera );
}
</script>
 
<div class="option" style="margin-top:230px;"><a href="./luntan/index.html">进
入校园BBS</a></div>
<div class="option"><a href="./bbs/index.html">进入兴趣小组BBS</a></div>
</body>
</html>

你自己背景做的不合适,不能怪我.

麻烦把你上一个匿名提问的采纳了,也是我回答的,谢谢.

6、做一个网页。要求一个输入框,一个提交按钮

<html >
<head >
<title>无标题页</title>
<script type="text/javascript">
function Function()
{

window.open("http://www.baidu.com/" + document.getElementById("ff").value, "_blank") ;
}
</script>
</head>
<body>
<input type="text" name="va" id="ff" />
<input id="Button1" type="button" value="button" onclick="Function()" />
</body>
</html>

把代码直接放在一个文本里,然后把文本的后缀改成 .html 再打开就可以了。
尝试输入 more 可以到百度导航

7、制作网页怎样搞提交按钮

先提交到一个转发页面 由转发页给你转asp的例子
<%
‘定义邮件变量
Dim objMail,mybody
Dim thisfrom,thiscontent
’创建邮件实体
Set objMail = CreateObject("CDONTS.Newmail")
‘获得收件人EMAIL.
objMail.TO = Request("vfname")
‘获得发件人EMAIL.
objMail.From = Request("vname")
‘‘获得邮件主题.
objmail.Subject = "三叶草-"&Request("vtitle")
‘设定邮件类型.
objMail.MailFormat = cdoMailFormatMime
objMail.BodyFormat = cdoBodyFormatHTML
'定义HTML邮件主题
mybody= "<html>" & _
"<head> "& _
"<title>三叶草特别推荐</title>" & _
"<meta http-equiv=""Content-Type"" content=""text/html; charset=gb2312"">" & _
"<style type=""text/css"">" & _
"td,li,select,input,textarea {font-size:12px}" & _
".f7 {font-size:7px;}" & _
".f16{font-size:16px;}" & _
".f12{font-size:12px;}" & _
".f14{font-size:14px;}" & _
".f18{font-size:18px;color: #FF6600;}" & _
".title {FONT-WEIGHT: bold; FONT-SIZE: 16px; COLOR: #cc0000; FONT-FAMILY: ""Verdana""}" & _
"A {dovia:expression(this.onfocus=this.blur);}" & _
"A:link {COLOR: #333333; TEXT-DECORATION: none}" & _
"A:visited {COLOR: #333333; TEXT-DECORATION: none}" & _
"A:hover {LEFT: 1px; COLOR: #3399cc; POSITION: relative; TOP: 1px; TEXT-DECORATION: underline}" & _
"</style></head>" & _

"<body>" & _
"<table width=""100%"" border=""0"" cellspacing=""0"" cellpadding=""0"">" & _
"<tr><td height=""25"" bgcolor=""#f3f3f5"">三叶草文章推荐 此信件来自您的朋友"&Request("vname")&"</td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""25"">您的朋友 <font color=""#CC0000"">"&Request("vname")&"</font> 特别向您推荐此文章 </td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""20"">相关链接: "&"<a href="&nurl&" target=""_blank"">"&nurl&"</a></td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""20""><font color=""#CC0000"">朋友附言:</font>"&DvBCode(Request("vcontent"))&"</td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""25"">以下为文章内容:</td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""30"" align=""center"" bgcolor=""#f5f5f3"">"&Request("vtitle")&"</td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""25"" bgcolor=""#f5f5f3"">"&filecontent&"</td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""25"" align=""center""><p><br>" & _
"此信件来自您的朋友"&Request("vname")&",欢迎访问<font color=""#CC0000"">三叶草</font></p>" & _
"<p>www.dovia.net</p></td>" & _
"</tr>" & _
"<tr>" & _
"<td height=""25""> </td>" & _
" </tr>" & _
"</table>" & _
"</body>" & _
"</html>"

objMail.Body =mybody

’发送邮件
objMail.send
set objMail = Nothing
‘发送完成后转向
Response.Redirect "sender.asp?action=go"
%>

8、怎样在HTML中插入按钮

1、打开Sublime text3,新建一个HTML文档,并且建立好框架。

2、输入代码:

 <table>

<tr>

<td>Student</td>

<td><input type="text" name="student"></td>

</tr>

<tr>

<td>Height</td>

<td><input type="text" name="height"></td>

</tr>

<tr>

<td colspan=2>

<input type="button" name="add" value="add">

</td>

</tr>

</table>

设立两行文本输入框,并且提示可以增加的按钮。

3、<table id="mainTable">

为标签加上id方便定位。

4、加上监听事件的函数。

onclick="adding()"

然后连接js文档。

<script src="test.js"></script>

5、function adding(){

var table = document.getElementById("mainTable");

var addTr = table.insertRow(2);

}

创建函数,然后设定两个变量。一个用于定位标签位置,另一个增加行数在第二行。测试一下,多次点击确实会往下移动。

6、var addTd = addTr.insertCell();

addTd.innerHTML = "新增";

除了要增加tr还要增加td,并且增加文本提示。

7、稍微修改一下变量名字。再增加文本输入框。

function adding(){

var table = document.getElementById("mainTable");

var addTr = table.insertRow(2);

var td1 = addTr.insertCell();

td1.innerHTML = "新增";

var td2 = addTr.insertCell();

td2.innerHTML = "<input type='text 'name='newnew' >";

}

8、最后就可以看到按钮了。

9、Html网页制作插入按钮的代码是什么?

http://.baidu.com/question/122561857.html

与网页设计插入提交按钮相关的知识