導航:首頁 > 萬維百科 > 網頁設計插入提交按鈕

網頁設計插入提交按鈕

發布時間: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

與網頁設計插入提交按鈕相關的知識