HTML 4.01 快速導覽 - 按鈕 <button>

<button> 為行內元素 (inline element) ,用來在網頁中顯示使用中輸入的按鈕。



起始標籤結束標籤
需要需要


<button> 有幾個屬性
屬性Deprecated or Obsolete
typesubmit
button
reset
name名稱
value


<button> 就是按鈕,舉例如下
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<button type="button">按鈕1</button><br / >
<button type="button">按鈕2</button><br / >
<button type="button">按鈕3</button><br / >
<button type="button">按鈕4</button><br / >
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:formexample03.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


利用瀏覽器 (broswer) 開啟,結果如下



type 屬性若設定成 reset ,可恢復同一個 <form> 中輸入元件的預設值,例如
<html>
<head>
<title>網頁標題</title>
</head>
<body>
<form>
 <button type="reset">重設</button>
 <input type="text" value="預設文字" />
</form>
</body>
</html>

<!-- 《程式語言教學誌》的範例程式
     http://pydoing.blogspot.com/
     檔名:formexample04.html
     功能:示範 HTML 4.01 標記語言的使用 
     作者:張凱慶
     時間:西元 2011 年 5 月 -->


開啟如下



輸入 "Hello, wold!"



點擊「重設」按鈕



中英文術語對照
行內元素inline element
瀏覽器broswer


您可以繼續參考



相關目錄
HTML 4.01 快速導覽 - 目錄
HTML, CSS 教材
首頁


參考資料

沒有留言: