『壹』 HTML如何調整Button的位置,如 靠左,居中,靠右等。
html中設置按鈕的位置:
解決方案一:
如果是絕對定位,可以設置left,還可通過margin,padding等;
" style="box-sizing: border-box; margin: 0px; padding: 0px; font-family: Menlo, Monaco, Consolas, "Courier New", monospace; color: rgb(51, 51, 51); font-size: 18.6773px; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-align: start; text-indent: 0px; text-transform: none; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; background-color: rgb(255, 255, 255);"> <td style="padding-right:30px"><input type="submit" value="注冊"> <input type="reset" value="重置"></td> </tr>
解決方案二:
如果是絕對定位,可以設置left,還可通過margin,padding等。
『貳』 web.py的form.Button怎麼設置跳轉
.如果是前端自己選擇的,比如href,那麼跳轉的頁面就是那個地址
2.如果是請求server端的,那麼跳轉的頁面將是response的返回設置
web.form.Button(
"ok",
onclick="location.href=this.attributes.url.value",
『叄』 在html中如何將button按鈕顯示在網頁的中間
需要准備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html,輸入問題基礎代碼。
『肆』 c# web中點擊BUTTON如何跳轉到其他web頁面
Response.Redirect("main.aspx", true);
或者Server.Transfer("main.aspx");
比如:現在做了兩個頁面,一個是登錄頁面(Default.aspx) 另一個就是輸入正確賬號密碼後要跳轉到的頁面(main.aspx) 在登錄頁面的確定按鈕的單擊事件里寫:
if(用戶名密碼和資料庫中的匹配)
{
Response.Redirect("main.aspx", true);
}
(4)web怎麼設置button擴展閱讀:
注意事項
一、切換對象
1、Response.Redirect可以切換到任何存在的網頁。
2、Server.Transfer只能切換到同目錄或者子目錄的網頁。
二、數據保密
1、Response.Redirect後地址會變成跳轉後的頁面地址。
2、Server.Transfer後地址不變,隱藏了新網頁的地址及附帶在地址後邊的參數值。具有數據保密功能。
三、傳遞的數據量(網址後附帶的參數)
1、Response.Redirect能夠傳遞的數據以2KB為限。
2、傳遞的數據超過2KB時,務必使用Server.Transfer。
『伍』 WEB開發如何讓button的背景圖片的大小自適應BUTTON的大小
如果你是要在button上面覆蓋圖片 是不能調節圖片大小的,你可以用img標簽來代替button的功能 這樣可以手動設置img的大小值。width和height屬性就行
『陸』 html中button的事件如何實現
事件屬性button,是觸發事件的時候,獲取事件對象獲取button的值判斷,是按下了滑鼠的哪個鍵。
1、首先創建一個名稱為button的html文件,如下圖所示。
『柒』 網頁的那個按鈕怎麼做
那個Button是控制項,
你可以添加HTMLbutton控制項,<input type="button" id="btn" value="button"/>
或者伺服器控制項
<asp:Button runat="server" ID="button5" OnClientClick="return DeleteCheck(this)" Text="Asp:button" />
或者你可以通過一些網頁編輯軟體DW,或者微軟的visual studio在設計模式下直接拖到你想要的位置
下面是一些參考
asp.net之所以現在開發方便和快捷,關鍵是它有一組強大的控制項庫,包括web伺服器控制項,web用戶控制項,web自定義控制項,html伺服器控制項和html控制項等。這里我主要說說html控制項、html伺服器控制項和web伺服器控制項的區別。
1、html控制項:就是我們通常的說的html語言標記,這些語言標記在已往的靜態頁面和其他網頁里存在,不能在伺服器端控制的,只能在客戶端通過javascript和vbscript等程序語言來控制。<input type="button" id="btn" value="button"/>
2、html伺服器控制項:其實就是html控制項的基礎上加上runat="server"所構成的控制項.它們的注意區別是運行方式不同,html控制項運行在客戶端,而html伺服器控制項是運行在伺服器端的。參考其他資料是這樣說的: 當ASP.NET 網頁執行時,會檢查標注有無runat 屬性,如果標注沒有設定,那麼Html標注就會被視為符串,並被送到字元串流等待送到客戶端,客戶端的瀏覽器會對其進行解釋;如果Html標注有設定runat="server" 屬性,Page 對象會將該控制項放入控制器,伺服器端的代碼就能對其進行控制,等到控制執行完畢後再將Html伺服器控制項的執行結果轉換成Html標注,然後當成字元串流發送到客戶端進行解釋<input id="Button" type="button" value="button" runat="server" />
3、web伺服器控制項:也稱asp.net伺服器控制項,是Web Form編程的基本元素,也是asp.net所特有的。它會按照client的情況產生一個或者多個html控制項,而不是直接描述html元素。如: <asp:Button ID="Button2" runat="server" Text="Button"/>那麼它和html伺服器控制項有什麼區別呢?參照其他網頁的資料看法如下:
1)、Asp.net伺服器控制項提供更加統一的編程介面,如每個Asp.net伺服器控制項都有Text屬性。
2)、隱藏客戶端的不同,這樣程序員可以把更多的精力放在業務上,而不用去考慮客戶端的瀏覽器是ie還是firefox,或者是移動設備。
3)、Asp.net伺服器控制項可以保存狀態到ViewState里,這樣頁面在從客戶端回傳到伺服器端或者從伺服器端下載到客戶端的過程中都可以保存。
4)、事件處理模型不同,Html標注和Html伺服器控制項的事件處理都是在客戶端的頁面上,而Asp.net伺服器控制項則是在伺服器上,舉例來說:
<input id="Button4" type="button" value="button" runat="server"/>是Html伺服器控制項,此時我們點擊此按鈕,頁面不會回傳到伺服器端,原因是我們沒有為其定義滑鼠點擊事件。
<input id="Button4" type="button" value="button" runat="server" onserverclick="test" />我們為Html伺服器控制項添加了一個onserverclick事件,點擊此按鈕頁面會發回伺服器端,並執行test(object sender, EventArgs e)方法。
<asp:Button ID="Button2" runat="server" Text="Button" />是Asp.net伺服器控制項,並且我們沒有為其定義click,但是我們點擊時,頁面也會發回到伺服器端。
由此可見:Html標注和Html伺服器控制項的事件是由頁面來觸發的,而Asp.net伺服器控制項則是由頁面把Form發回到伺服器端,由伺服器來處理。
4、下面我就結合我自己的測試來說明問題:
這段代碼是我放在repeat中的模板里的:其中DeleteCheck是一個js腳本函數,注意是用於是否發送到伺服器端的,這里就不展示腳本代碼了。
<input runat="server" type="button" id="delete" value="Server button" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input runat="server" type="submit" onclick="return DeleteCheck(this)" id="Button2" value="Server submit" />
<input type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button runat="server" id="button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<asp:Button runat="server" ID="button5" OnClientClick="return DeleteCheck(this)" Text="Asp:button" />
展現出來的html代碼如下:
<input name="Data$ctl03$delete" type="button" id="Data_ctl03_delete" value="Server button" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input name="Data$ctl03$Button2" type="submit" id="Data_ctl03_Button2" onclick="return DeleteCheck(this)" value="Server submit" / >
<input ut type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button id="Data_ctl03_button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<input type="submit" name="Data$ctl03$button5" value="Asp:button" onclick="return DeleteCheck(this);" id="Data_ctl03_button5" />
可以看出以下幾點:
1、當控制項屬性中有runat="server"時,生成的html控制項時name和id發生的變化(.net Framework)。
2、當asp:button伺服器按鈕通過生成的頁面後轉化成類型為submit類型的Client控制項。
3、當控制項是html控制項時通過生成的頁面和原來的html代碼完全一樣(理由上面已經說名)。
另外我還測試了把這段代碼直接放到form標記中(不放到其他子標記中)如:
<input runat="server" type="button" id="delete" value="Server button" onserverclick="delete_ServerClick" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input runat="server" type="submit" onclick="return DeleteCheck(this)" id="Button2" value="Server submit" />
<input type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button runat="server" id="button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<asp:Button runat="server" ID="button5" OnClientClick="return DeleteCheck(this)" Text="Asp:button" OnClick="button5_Click" />
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>直接放到form標記中生成的html代碼
<script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
i f (!theForm.onsubmit (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>
<input language="javascript" onclick="__doPostBack('delete','')" name="delete" type="button" id="delete" value="Server button" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input name="Button2" type="submit" id="Button2" onclick="return DeleteCheck(this)" value="Server submit" />
<input type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button id="button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<input type="submit" name="button5" value="Asp:button" onclick="return DeleteCheck(this);" id="button5" />
<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>
這里有可以看出幾點:
1、當html伺服器控制項在伺服器端添加了伺服器事件後生成的代碼變為:onclick="_doPostBack()",實際上是調用腳本把整個窗體提交到伺服器(如果沒有添件伺服器事件而只是添加了runat="server"是不會發送到伺服器端的)這里注意如果要在html伺服器控制項中添加一個客戶端事件如上面的 <input runat="server" type="button" id="delete" value="Server button" onserverclick="delete_ServerClick" />變成 <input runat="server" type="button" id="delete" value="Server button" onclick="return DeleteCheck(this)" onserverclick="delete_ServerClick" />那樣生成的html代碼變成 <input language="javascript" onclick="return DeleteCheck(this) __doPostBack('delete','')" name="delete" type="button" id="delete" value="Server button" />提示有腳本錯誤原因是onclick事件執行了2個腳本且書寫的格式不正確。onclick="return DeleteCheck(this);_doPostBack()"這樣的話就只能執行第一個函數而第二個函數就不能執行了(return).如果用onclick="return DeleteCheck(this),_doPostback()"是指2個函數同時都要執行沒有影響(相當於一條語句)。在我的一個項目中需要對於控制項進行區分總結,我在網上找了找加上自己的實際測試總結如下:
asp.net之所以現在開發方便和快捷,關鍵是它有一組強大的控制項庫,包括web伺服器控制項,web用戶控制項,web自定義控制項,html伺服器控制項和html控制項等。這里我主要說說html控制項、html伺服器控制項和web伺服器控制項的區別。
1、html控制項:就是我們通常的說的html語言標記,這些語言標記在已往的靜態頁面和其他網頁里存在,不能在伺服器端控制的,只能在客戶端通過javascript和vbscript等程序語言來控制。<input type="button" id="btn" value="button"/>
2、html伺服器控制項:其實就是html控制項的基礎上加上runat="server"所構成的控制項.它們的注意區別是運行方式不同,html控制項運行在客戶端,而html伺服器控制項是運行在伺服器端的。參考其他資料是這樣說的: 當ASP.NET 網頁執行時,會檢查標注有無runat 屬性,如果標注沒有設定,那麼Html標注就會被視為字元串,並被送到字元串流等待送到客戶端,客戶端的瀏覽器會對其進行解釋;如果Html標注有設定runat="server" 屬性,Page 對象會將該控制項放入控制器,伺服器端的代碼就能對其進行控制,等到控制執行完畢後再將Html伺服器控制項的執行結果轉換成Html標注,然後當成字元串流發送到客戶端進行解釋<input id="Button" type="button" value="button" runat="server" />
3、web伺服器控制項:也稱asp.net伺服器控制項,是Web Form編程的基本元素,也是asp.net所特有的。它會按照client的情況產生一個或者多個html控制項,而不是直接描述html元素。如: <asp:Button ID="Button2" runat="server" Text="Button"/>那麼它和html伺服器控制項有什麼區別呢?參照其他網頁的資料看法如下:
1)、 Asp.net伺服器控制項提供更加統一的編程介面,如每個Asp.net伺服器控制項都有Text屬性。
2)、 隱藏客戶端的不同,這樣程序員可以把更多的精力放在業務上,而不用去考慮客戶端的瀏覽器是ie還是firefox,或者是移動設備。
3)、 Asp.net伺服器控制項可以保存狀態到ViewState里,這樣頁面在從客戶端回傳到伺服器端或者從伺服器端下載到客戶端的過程中都可以保存。
4)、 事件處理模型不同,Html標注和Html伺服器控制項的事件處理都是在客戶端的頁面上,而Asp.net伺服器控制項則是在伺服器上,舉例來說:
<input id="Button4" type="button" value="button" runat="server"/>是Html伺服器控制項,此時我們點擊此按鈕,頁面不會回傳到伺服器端,原因是我們沒有為其定義滑鼠點擊事件。
<input id="Button4" type="button" value="button" runat="server" onserverclick="test" />我們為Html伺服器控制項添加了一個onserverclick事件,點擊此按鈕頁面會發回伺服器端,並執行test(object sender, EventArgs e)方法。
<asp:Button ID="Button2" runat="server" Text="Button" />是Asp.net伺服器控制項,並且我們沒有為其定義click,但是我們點擊時,頁面也會發回到伺服器端。
由此可見:Html標注和Html伺服器控制項的事件是由頁面來觸發的,而Asp.net伺服器控制項則是由頁面把Form發回到伺服器端,由伺服器來處理。
4、下面我就結合我自己的測試來說明問題:
這段代碼是我放在repeat中的模板里的:其中DeleteCheck是一個js腳本函數,注意是用於是否發送到伺服器端的,這里就不展示腳本代碼了。
<input runat="server" type="button" id="delete" value="Server button" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input runat="server" type="submit" onclick="return DeleteCheck(this)" id="Button2" value="Server submit" />
<input type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button runat="server" id="button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<asp:Button runat="server" ID="button5" OnClientClick="return DeleteCheck(this)" Text="Asp:button" />
展現出來的html代碼如下:
<input name="Data$ctl03$delete" type="button" id="Data_ctl03_delete" value="Server button" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input name="Data$ctl03$Button2" type="submit" id="Data_ctl03_Button2" onclick="return DeleteCheck(this)" value="Server submit" / >
<input ut type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button id="Data_ctl03_button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<input type="submit" name="Data$ctl03$button5" value="Asp:button" onclick="return DeleteCheck(this);" id="Data_ctl03_button5" />
可以看出以下幾點:
1、當控制項屬性中有runat="server"時,生成的html控制項時name和id發生的變化(.net Framework)。
2、當asp:button伺服器按鈕通過生成的頁面後轉化成類型為submit類型的Client控制項。
3、當控制項是html控制項時通過生成的頁面和原來的html代碼完全一樣(理由上面已經說名)。
另外我還測試了把這段代碼直接放到form標記中(不放到其他子標記中)
如: <input runat="server" type="button" id="delete" value="Server button" onserverclick="delete_ServerClick" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input runat="server" type="submit" onclick="return DeleteCheck(this)" id="Button2" value="Server submit" />
<input type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button runat="server" id="button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<asp:Button runat="server" ID="button5" OnClientClick="return DeleteCheck(this)" Text="Asp:button" OnClick="button5_Click" />
<asp:LinkButton ID="LinkButton1" runat="server" OnClick="LinkButton1_Click">LinkButton</asp:LinkButton>直接放到form標記中生成的html代碼
<script type="text/javascript">
<!--
var theForm = document.forms['form1'];
if (!theForm) {
theForm = document.form1;
}
function __doPostBack(eventTarget, eventArgument) {
if (!theForm.onsubmit (theForm.onsubmit() != false)) {
theForm.__EVENTTARGET.value = eventTarget;
theForm.__EVENTARGUMENT.value = eventArgument;
theForm.submit();
}
}
// -->
</script>
<input language="javascript" onclick="__doPostBack('delete','')" name="delete" type="button" id="delete" value="Server button" />
<input type="button" onclick="return DeleteCheck(this)" id="Button1" value="Client button" />
<input name="Button2" type="submit" id="Button2" onclick="return DeleteCheck(this)" value="Server submit" />
<input type="submit" onclick="return DeleteCheck(this)" id="Button3" value="Client submit" />
<button id="button4" onclick="return DeleteCheck(this)" value="Button-Button">Button-Button</button>
<input type="submit" name="button5" value="Asp:button" onclick="return DeleteCheck(this);" id="button5" />
<a id="LinkButton1" href="javascript:__doPostBack('LinkButton1','')">LinkButton</a>
這里有可以看出幾點:
1、當html伺服器控制項在伺服器端添加了伺服器事件後生成的代碼變為:onclick="_doPostBack()",實際上是調用腳本把整個窗體提交到伺服器(如果沒有添件伺服器事件而只是添加了runat="server"是不會發送到伺服器端的)這里注意如果要在html伺服器控制項中添加一個客戶端事件如上面的 <input runat="server" type="button" id="delete" value="Server button" onserverclick="delete_ServerClick" />
變成 <input runat="server" type="button" id="delete" value="Server button" onclick="return DeleteCheck(this)" onserverclick="delete_ServerClick" />
那樣生成的html代碼變成 <input language="javascript" onclick="return DeleteCheck(this) __doPostBack('delete','')" name="delete" type="button" id="delete" value="Server button" />提示有腳本錯誤原因是onclick事件執行了2個腳本且書寫的格式不正確。onclick="return DeleteCheck(this);_doPostBack()"這樣的話就只能執行第一個函數而第二個函數就不能執行了(return).如果用onclick="return DeleteCheck(this),_doPostback()"是指2個函數同時都要執行沒有影響(相當於一條語句)。
2、asp:button中的onclientclick事件生成後就變成了onclick事件了,類型變成了type="submit".然而伺服器事件的onclick我想是通過發送到伺服器端執行的。
3、LinkButton不定義onclick事件,它會自動的生成下面代碼發送到伺服器端。 href="javascript:__doPostBack('LinkButton1',' ')"
4、asp:button中的onclientclick事件生成後就變成了onclick事件了,類型變成了type="submit".然而伺服器事件的onclick我想是通過發送到伺服器端執行的。
『捌』 web中如何改變button的形狀
2種辦法:
1. 使用Map
可以通過HTML的MAP標簽,把圖片上的任意形狀規定為按鈕。
2. 對按鈕使用樣式
<input type="button" value="aaa" alt="" style="background-image:url('aaa.jpg')" />
『玖』 web 如何製作按鈕開關
可以使用T'觸發器(有的地方也叫CP計數器)來做,這是最常見的方式,具體電路可以使用CD4013或CD4027,都可以做出來。上學的時候數字電路書上就有。 沒有課本了的話,找一個4013的文檔,里邊有。這有多種辦法,要看你機器總開關是用的什麼開關,如果是用的主令按鈕,則可直接加一個微型繼電器由主令按鈕直接啟動,而將電腦的啟動按鈕引線分別接微型繼電器的一對常開觸頭即可。因為實際按鈕是硬接線,按下去就接通,釋放就斷開,這個很穩定,但是屏與PLC之間建立的連接是靠通訊協議進行的,是軟的,通訊機制就限定了不建議使用點動按鈕,如果按照「寒音」的方式去做,如果操作過快,有可能會造成按下去為1,松開不為0的情況,如何使操作設備啟停,這樣會很危險,建議:.用兩個按鈕,一個置位,另一個復位;2.或者用開關,點一下為1,再點一下為0。單擊「繪圖」工具欄中的「自選圖形」按鈕,在彈出的選項列表中的「基本圖形」或「箭頭總匯」下單擊一種合適的圖形,並在燈片中的適當位置中拖畫中一個圖形,再右擊畫出的這個圖形,在彈出的快單中選擇「添加文字」,並輸入「PLAY」,並設置好圖形填充色和線條色及文字顏色,將其作為播放按鈕;同法再製作一個「STOP」(暫停)按鈕。第三步:利用觸發器製作播放效果按鈕滑鼠右鍵單擊幻燈片中插入的音視頻(頻)文件圖標(插入的音視頻文件的圖標為一播放畫面圖,插入的音頻文件為一小喇叭圖標),在彈出的快捷菜單中點擊選擇「自定義動畫」命令或左鍵單擊選定幻燈片中插入的音視。
『拾』 如何設置web窗體中的默認按鈕
web窗體中button默認生成的html控制項為input type="submit" /,即提交表單按鈕,不論button是否編寫事件,客戶端均會與伺服器產生交互,所以會有頁面重載的情況。不想設置為提交按鈕,只需把button屬性UseSubmitBehavior修改為False即可,這樣最終生成的html控制項會變成input type="button" / 如果不行,設置button的onClientClick屬性為"javascript:return;"則按鈕不再響應任何事件